echarts图表y轴出现小数点、刻度过大的问题

问题一:纵坐标出现小数点

当数据较小时,echarts图y轴的坐标会用小数点将数据撑开,使其均匀显示:


y轴出现小数点

但问题是,这是一个显示害虫数量的折线图,实际需求不可能出现小数这样的单位。

解决办法:

在 yAxis 中加入一行控制最小刻度的代码。


image.png
minInterval: 1,

效果图:

小数点已然不见:


image.png

问题二:最大刻度过大导致数据贴边显示

最大刻度是40,我的数据只有3,故贴边显示不友好,如下图:


image.png

解决办法:

在 yAxis 中将原来设置的最大值的代码注释掉,其会自动根据获得的数据自动分布数值。


image.png

效果图:

image.png

你可能感兴趣的:(echarts图表y轴出现小数点、刻度过大的问题)