如何在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