echarts在页面显示两位小数

2021-03-19  本文已影响0人  菲儿_cdd4

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

效果图:


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)
上一篇 下一篇

猜你喜欢

热点阅读