javascript - Highcharts：在左下角添加自定义文本，比如学分？

Question

Highcharts 可以有一个自定义credits部分；这也有一个对齐。

我想在右下角有一个 url，在左下角有一个自定义文本（即当前日期/时间）。

添加它的最佳方法是什么，保持与学分相同的外观和感觉？

Answer 1

使用 SVGRenderer 工具呈现自定义文本。

API：https ://api.highcharts.com/class-reference/Highcharts.SVGRenderer#label

检查包含的演示。

编辑：

这是一个如何实现它的简单示例：https ://jsfiddle.net/BlackLabel/x3om10L8/

chart: {
  events: {
    render() {
      let chart = this,
        credits = chart.credits,
        creditsBB = credits.getBBox();


      if (chart.customLabel) {

        // keep label responsive
        chart.customLabel.destroy();
      }

      chart.customLabel = chart.renderer.label('my custom text', 0, creditsBB.y - 5).css(credits.styles).add();
    }
  }
},

API：https ://api.highcharts.com/highcharts/chart.events.render