首页 > 代码库 > HighChats图表控件显示精度小数点的方法

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)

转自 HighChats图表控件显示精度小数点的方法 - 老刘的世界