我真的想知道如何在饼图中使数据标签始终位于每个切片的中心.
正常状态看起来像这样(你也可以看到这个例子here)
$('#container').highcharts({
chart: {
type: 'pie'
},
plotOptions: {
pie: {
center: ["50%", "50%"],
dataLabels: {
distance: -50
}
},
series:{
events:{
load:function(){
console.log(this.chartWidth, this.chartHeight);
}
}
}
},
series: [{
data: [
['Firefox', 44.2],
['IE7', 26.6],
['IE6', 20],
['Chrome', 3.1],
['Other', 5.4]
]
}]
});
但是,当我减小此图表的宽度或高度时,数据标签会合并,如下图所示.我认为这是距离财产的问题.我试图动态改变距离但失败了.
因此,我想要做的是将数据标签定位在每个切片的中心,甚至降低/增加图表大小.