HighChats图表控件显示精度小数点的方法

最新推荐文章于 2024-02-06 10:44:34 发布

weixin_34116110

最新推荐文章于 2024-02-06 10:44:34 发布

阅读量260

点赞数

原文链接：http://www.cnblogs.com/wills2010/p/3799892.html

版权

本文介绍了使用Highcharts图表控件时如何设置字段显示为小数点格式的两种方法。通过初始化参数tooltip和plotOptions，可以自定义数据显示的精度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相信大家对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)+' %';
    }
   }
   }
},