javascript - 以响应方式将 Highcharts 工具提示置于圆环图中间

Question

在 Highcharts 中，我知道您可以使用以下方法将工具提示置于固定位置:

        tooltip: {
          positioner: function () {
              return { x: 50, y: 50 };
          },
        },

但是我将如何以与 margin: 0 auto 将其居中相同的方式居中？我试图让工具提示文本留在圆环图的中间。解决方案可能是显而易见的，但我还没有弄清楚它是什么。提前致谢!

Answer 1

您可以使用图表plotHeight和 plotWidth访问当前图表的高度和宽度，并相应地调整工具提示 x 和 y，如下所示:

positioner:function(){              
 return { x: chart.plotWidth/2, y: chart.plotHeight/2 };
}

这里有一个工作演示: https://angular-raebwk.stackblitz.io