Echarts图表小数处理

在项目中遇到echarts图,小数显示两位如何处理呢?

Echarts图表小数处理_第1张图片

获取到数据后,直接传值给echarts图的时候,会自动四舍五入保留整数进行显示,如果想如上进行显示,在echarts的 series 数组对象的 label 中添加一个属性即可,如一下代码所示:

 series:[
      {
        label:{
             formatter: function (params) {
             // console.log('params: ', params.value);
             return params.value * 100 + '%'
              },
           }
       }
    ]

Echarts图表小数处理_第2张图片 获取数据后进行传参调用即可

 

你可能感兴趣的:(echarts,前端,javascript)