echartsY轴刻度不能显示小数的方法

当echarts的y轴单位遇到为人等不可分割单位时,是不允许出现小数的,一般情况下后台也不会给出小数,所以通常也看不出问题,但总会存在没有数据接入或接口不通等,比如以下例子,哪怕数据都是0...

当echarts的y轴单位遇到为人等不可分割单位时,是不允许出现小数的,一般情况下后台也不会给出小数,所以通常也看不出问题,但总会存在没有数据接入或接口不通等,比如以下例子,哪怕数据都是0或数值太小也会出现小数。

attachments-2021-09-m799ThJf613179a8e6004.png

attachments-2021-09-lW8aEIhc61317a129369c.png


数值较大时小数便会消失:attachments-2021-09-m4vmwBBT61317a4e47578.png


小数解决重要代码:

minInterval : 1


完整代码:

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value',
        minInterval : 1
    },
    series: [{
        data: [0, 0, 2.5, 0, 0, 0, 0],
        type: 'line',
        smooth: true
    }]
};


效果:

attachments-2021-09-aIU1DX0E61317ad86045c.png


此时小数消失了,即使没有值也不会出现小数,那么minInterval是做什么的:看下面两个图

attachments-2021-09-zMaUsBm461317b754829d.png

attachments-2021-09-29CWGDTz61317b7f22a60.png


对比下可看出,minInterval设置的是Y轴数字显示数值间隔;



你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

651 篇文章

作家榜 »

  1. admin 651 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. Stevengring 0 文章