HighChats图表控件显示精度小数点的方法
相信大家对highchats这个图表控件并不陌生,最近在项目中用到它,但是某些字段需要显示为小数点,顾查找资料文档发现下面两个方式可以实现:
初始化时候添加如下两个参数
tooltip:{
formatter:function(){
return''+this.point.name+': '+Math.round(this.percentage)+' %';
}
},
plotOptions:{
pie:{
allowPointSelect:true,
cursor:'pointer',
dataLabels:{
enabled:true,
color:'#000000',
connectorColor:'#000000',
formatter:function(){
return''+this.point.name+': '+Math.round(this.percentage)+' %';
}
}
}
},
可以用Highcharts.numberFormat(this.percentage, 2) //2表示精确到小数点后2位替换Math.round(this.percentage)