将高位图饼图的单个数据标签定位在图表下方

时间:2016-01-09 23:07:38

标签: highcharts pie-chart labels

我正在使用Highcharts并初步化了一个饼图,但其中有4个馅饼,排成一排。每个饼有2个切片,第二个切片总是透明的,没有数据标签,所以每个图表只有1个数据标签来显示一个值。

我唯一想要的是将数据标签置于饼图下方。

问题是依赖于可见切片的大小,数据标签是否正在移动,因为它有点绑定它?

图片显示问题和当前状态: problem

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

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

实际上是在工作;我必须修复每个图表及其数据标签的位置。 但由于可以通过单击更改图表数据,填充的切片将更改,因此数据标签将自行重新定位。所以我需要一种方法来确定它们相对于图表中心的位置或类似的东西。

1 个答案:

答案 0 :(得分: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