$('#chart').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie',
style : {
fontSize:'12px',
fontWeight:'bold',
color:'#006cee',
padding:0,
margin:0
}
},
title: {
text: null
},
tooltip: {
pointFormat: '{name}{point.percentage:.1f}%'//官方只给了鼠标放上去的百分比,后来发现在图例中直接用 this.percentage 就行
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: true
}
},
//这里是图例<span id="transmark"></span>
<span style="color:#FF0000;"> legend: {
align: 'left',
verticalAlign: 'bottom',
x: 0,
y: 0,
labelFormatter: function () {
<span style="color:#33CC00;"> return this.name +" "+this.percentage+"%"; </span>
}
}</span>,
series: [{ data:$jsonchart$}],
credits:{
enabled:false // 禁用版权信息
}
});
考虑到 返回的百分比小数位很多,可以用percentage.toFixed(1)来去固定位数的小数
Highcharts 中给图例加百分比
最新推荐文章于 2023-01-13 16:15:41 发布