将 highcharts 饼图的单个数据标签置于图表下方居中位置

Question

我正在使用 Highcharts 并初始化了一个饼图，但其中有 4 个饼图，排成一行。每个饼图有 2 个切片，第二个切片始终是透明的并且没有数据标签，因此每个图表只有 1 个数据标签来显示一个值。

我唯一想要的是将数据标签居中放置在饼图下方。

问题是数据标签移动取决于可见切片的大小，因为它有点绑定到它？

显示问题和当前状态的图像：

我尝试使用 x 和距离来定位标签：

plotOptions: {
        pie: {
            dataLabels: {
                distance: 0,
                x: -100

这确实有效；我将不得不修复每个图表及其数据标签的位置。但是由于可以通过单击更改图表数据，填充的切片将更改，因此数据标签将重新定位。所以我有点需要一种方法来固定它们相对于图表中心或类似东西的位置。

Answer 1

感谢 Sebastian Bochan 的评论。我最终使用了渲染器：

this.renderer.label(
 this.series[0].data[0].name + '<br>'
 + Highcharts.numberFormat(this.series[0].data[0].percentage, 2)+'%',
 80, 320,'callout')}).add();

举个例子。这里的 80 和 320 设置了标签在绘图区的位置。 Renderer

将 highcharts 饼图的单个数据标签置于图表下方居中位置

Position single data label of highcharts pie chart centered below the chart

highcharts

pie-chart

labels