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

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

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


y轴出现小数点

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

解决办法:

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


image.png
minInterval: 1,

效果图:

小数点已然不见:


image.png

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

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


image.png

解决办法:

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


image.png

效果图:

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容