编程那点事编程那点事

专注编程入门及提高
探究程序员职业规划之道!

echarts y轴坐标显示整数

echarts想让其y轴坐标值显示整数,看了echartsAPI,没发现能直接把y轴设置整数的方法。

我需要这样一张报表,显示当前月份至11个月后的每个月(即从当前月算起今后1年的时间段)维护的设备数量,从语义上,如果y轴坐标中出现小数,肯定就不符合要求了。

因为是测试数据的,数量都不大,最多的当月就2台设备。如下图所示:

echarts y轴坐标显示小数

在y轴上显示小数了,那么我是怎么操作的呢?我设置了一个max,代码如下:

yAxis: [
{
type: "value",
name: "y",
max: maxy
}
]

可以看到,我设置了一个maxy参数,该参数的值是该年里面最大的维护数量,比如维护数量最大的才2,那么我设置maxy=10,如果维护数量超过10了,那么maxy的值就是当前最大的维护数量。经过如下修改后,如图所示,y轴上不显示小数了。

echarts y轴坐标显示整数

其实从上图不难发现,默认情况下,echarts把纵坐标分成了4分,也就是说如果你的数量大于4,默认就不会出现小数了。

未经允许不得转载: 技术文章 » javascript » echarts y轴坐标显示整数