图表相对于绘图背景的中心标题

Question

我想将饼图的标题相对于绘图背景（不包含图表的元素）居中，因此，如果在字符旁边有图例，则标题仍相对于饼居中。

使用中

    title: {
        text: 'Title',
        align: 'center'
    }

使标题相对于包含元素居中。有关完整示例，请参见this fiddle。

有可能吗？

Answer 1

您可以将标题放置在render事件中，例如：

chart: {
  ...,
  events: {
    render: function() {
      var seriesGroupBBox = this.seriesGroup.getBBox();

      this.title.attr({
        x: seriesGroupBBox.x + seriesGroupBBox.width / 2 - this.title.getBBox().width / 2
      });
    }
  }
}

---

实时演示： https://jsfiddle.net/BlackLabel/6a9sroe7/

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