tooltip: {
backgroundColor:'rgba(206,94,74,.95)', //数据提示框的背景颜色
borderColor:'rgba(206,94,74,.9)', //边框颜色
useHTML: true, //是否使用HTML编辑提示信息
formatter:function(){
console.log(this) //控制台输出可以看到有很多属性
return '<b style="color:#fff">'+this.key+'</b><p style="color:#fff;">'+this.y+'<span style="color:rgba(250, 250, 250, 0.66);">'+' ('+ Highcharts.numberFormat( this .percentage, 1 ) + '%'+')'+'</span>'+'</p>'
},
valueDecimals: 2 //数据值保留小数位数
},
...
...
...
// 数据格式是这样的(参考)
series: [
{
type: "pie",
data: [
["邮政包裹", 30],
["圆通快递", 20],
["京东快递", 30],
["申通快递", 50],
["德邦物流", 20],
["天天快递", 20],
["其他", 30],
["顺丰快递", 10],
["中通快递", 30],
["韵达快递", 20],
],
},
],
Highcharts 3D饼图(3)tooltip format使用
最新推荐文章于 2024-04-28 01:25:06 发布