使用三维饼图时的数据标签显示方式不正确。
我只有两个切片,大多数时候,一个切片的标签最终位于另一个切片的空间中。见http://jsfiddle.net/tn036sak/
我确实想使用distance属性,因此它不会在饼图外显示标签。
这是我的代码 -
$(function () {
$('#container').highcharts({
chart: {
type: 'pie',
options3d: {
enabled: true,
alpha: 65,
beta: 0
}
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
depth: 35,
dataLabels: {
distance:-40,
enabled: true,
format: '{point.name}'
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox', 10.0],
['Chrome', 90]
]
}]
});
});
请建议如何在相应的切片上显示标签。