zoukankan      html  css  js  c++  java
  • 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图表控件显示精度小数点的方法 - 老刘的世界

  • 相关阅读:
    RabbitMQ(四)
    RabbitMQ(三)
    RabbitMQ(二)
    定位
    响应式布局
    学习前端的一些心得
    css样式大全
    常用标签
    HTML
    app 被拒绝原因
  • 原文地址:https://www.cnblogs.com/wills2010/p/3799892.html
Copyright © 2011-2022 走看看