使用 Highcharts 庫實現以下圖表的最佳方法是什么？
Hightcharts - 折線圖上的多個餅圖
守候你守候我
2021-12-02 15:50:44
1 回答
精慕HU
TA貢獻1845條經驗 獲得超8個贊
您可以創建其他pie圖表作為數據標簽：
chart: {
events: {
load: function() {
var points = this.series[0].points,
container;
points.forEach(function(p) {
container = p.dataLabel.div.querySelector('.dataLabelChart');
Highcharts.chart(container, {
chart: {
margin: 0,
backgroundColor: 'transparent'
},
title: {
text: ''
},
credits: {
enabled: false
},
tooltip: {
enabled: false
},
series: [{
innerSize: 30,
dataLabels: {
enabled: false
},
type: 'pie',
data: [1, 2, 3]
}],
legend: {
enabled: false
}
});
});
}
}
},
series: [{
dataLabels: {
verticalAlign: 'middle',
enabled: true,
useHTML: true,
formatter: function() {
return '<div class="dataLabelChart" id="' + this.point.index + '"></div>'
}
},
...
}]
現場演示： http : //jsfiddle.net/BlackLabel/y46ubx1L/
API參考： https : //api.highcharts.com/highcharts/series.scatter.dataLabels.formatter
添加回答
舉報
0/150
提交
取消