我想为data label创建自己的自定义pie charts。
我的目的是一个data label将始终显示在顶部而另一个formatter
在底部。
我使用data label选项将HTML作为data labels返回，以便我控制它。
问题是Highchart将slice绑定到pie中对应的labels，因此每次更新数据时，CSS都排列为labels不再在他们的地方。
如何在pie chart slices和$(function () {
$('#container').highcharts({
chart: {
type: 'pie'
},
plotOptions: {
pie: {
dataLabels: {
connectorWidth: 0,
connectorPadding: 0,
color: 'black',
verticalAlign: 'top',
formatter: function() {
if (this.point.name === 'matched') {
return '<div class="donut_unmatched_legend">'
+ '<div class="unmatched_num_legend">' + this.y + '</div>'
+ '<div class="unmatched_txt_legend">' + this.point.name + '</div>'
+ '</div>';
} else if (this.point.name === 'unmatched') {
return '<div class="donut_matched_legend">'
+ '<div class="matched_num_legend">' + this.y + '</div>'
+ '<div class="matched_txt_legend">' + this.point.name + '</div>'
+ '</div>';
}
}
}
}
},
series: [{
data: [{
name: 'matched',
y: 25
}, {
name: 'unmatched',
y: 50,
}],
}]
});
});
之间禁用此绑定？！
我的JS：
{{1}}