美文网首页
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在页面显示两位小数

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