美文网首页
echarts在页面显示两位小数

echarts在页面显示两位小数

作者: 菲儿_cdd4 | 来源:发表于2021-03-19 18:48 被阅读0次

要求实现效果:仪表盘上显示数字保留两位小数

效果图:


image.png

html部分:

<div id="chart" style="width:100%;height:500px;"></div>

js部分:

var chart = echarts.init(document.getElementById('chart'))
        var option = {
            tooltip: {
                formatter: "{a} <br/>{b} : {c}%"
            },
            toolbox: {
                feature: {
                    restore: {},
                    saveAsImage: {}
                }
            },
            series: [
                {
                    name: '业务指标',
                    type: 'gauge',
                    detail: {
                        formatter: function (value) {
                            return value.toFixed(2)
                        }
                    },//在页面上显示小数的重点代码
                    data: [{ value: 22.80, name: '完成率' }]
                }
            ]
        };

        chart.setOption(option)

相关文章

  • echarts在页面显示两位小数

    要求实现效果:仪表盘上显示数字保留两位小数 效果图: html部分: js部分:

  • 截取小数点前后位数

    需求:显示需要保留小数点前两位,小数点后两位。

  • oc小数精度问题

    // 将小数保留两位小数 并且后面的零不显示NSString *strMoney = [NSString str...

  • 在vue中的html标签{{}}内可以调用函数方法

    今天领导提个需求,要求在金额上强制保留两位小数,本想着后台直接返回数据时,带着两位的小数,前端只是做个显示作用,后...

  • React脚手架如何使用echars

    第一种方法echarts-for-react 1.添加依赖 2.成功后显示 3.在react页面引入Echarts...

  • lua 实现策划需要保留的小数位数

    需求描述: 策划需求角色面板属性显示一定的小数位, 比如:攻击速度显示保留小数点后两位,0.01 保留小数实现方案...

  • superset使用杂记

    List Metrics中,可以通过D3 Format设置需要显示的数值格式 保留两位小数:.2f 保留两位小数的...

  • 2018-09-17 Vue-过滤器

    1.过滤器:让要显示在页面上的内容进行重新筛选2.过滤器分为:全局过滤器: 局部过滤器: 练习:1.保留两位小数 ...

  • java 小数点后保留两位有效数字

    java 小数点后保留两位有效数字 今天偶尔用到了UI布局需要把BigDecimal格式显示出来,显示的格式是小数...

  • vue笔记9.17

    1,过滤器过滤器:让要显示在页面上的内容进行重新筛选 2,js中的获取当前日期 效果图 3,保留小数点后两位 4,...

网友评论

      本文标题:echarts在页面显示两位小数

      本文链接:https://www.haomeiwen.com/subject/egakcltx.html