如何在带有图例的甜甜圈图的中间显示标题？（反应高图）

Question

我知道如何使用此选项将其居中：

 title: {
    text: "This is title",
    align: "center",
    verticalAlign: "middle",
  },

效果很好，但是当图例在左右对齐时，它不会完美地显示在中央，添加x位置进行调整是可以的，但是没有响应。当您更改窗口大小时，它会有一些偏移。

这里是演示：https://stackblitz.com/edit/react-highchart-jjzjx118

我尝试使用load / redraw对其进行调整，但是我不知道为什么当我将redraw函数绑定到react组件时它不起作用，我将在其中做一些进一步的操作，因此在创建选项。

Answer 1

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

            this.title.attr({
                x: seriesElPos.width / 2 + seriesElPos.x
            });
        }
    }
}

实时演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4760/
API参考：
https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr
https://api.highcharts.com/highcharts/chart.events.render