如何在Highcharts的Piechart右侧添加文本？

Question

我有一个饼形图，其底部有图例。我想在饼图的右侧添加文本。如何添加？先感谢您。

Answer 1

您可以使用SVGRenderer功能在任意位置呈现自定义文本。如果您想要一个响应文本，我鼓励在chart.events.render回调内部创建它，该回调在每次调整大小后触发。

events: {
  render() {
    let chart = this,
      x,
      y;


    //check if label exist after window resize
    if (chart.label) {
      chart.label.destroy();
    };

    y = 80;
    x = chart.clipBox.width - 100;
    chart.label = chart.renderer.text('This text is <span style="color: red">styled</span> and <a href="http://example.com">linked</a>', x, y)
      .css({
        color: '#4572A7',
        fontSize: '16px'
      })
      .add();
  }
}

演示：https://jsfiddle.net/BlackLabel/4fzyLn0r/2/

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

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