Highcharts：在左下角添加自定义文本，比如致谢名单？

Question

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

我想在右下角有一个 url，在左下角有一个自定义文本（即当前的 date/time）。

最好的添加方式是什么，同时保持与演职员表相同的外观？

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

Highcharts：在左下角添加自定义文本，比如致谢名单？

Highcharts: add custom text bottom left, like credits?

javascript

svg

text

credits

highcharts