echarts实现动态y轴范围且平均等分辅助线

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts实现动态y轴范围且平均等分辅助线相关的知识,希望对你有一定的参考价值。

参考技术A

用echarts绘制走势图时,你是否也有这样的烦恼,数据的值普遍较大,但是数据间的差值却微乎其微,此时默认生成的走势图就偏向于一条直线,根本没有参考意义。
那有啥方法可以使得y轴范围随数据变化,数据线永远在图标的中间范围显示,辅助线又能均等分呢。
max+min+interval 的方式就能轻松解决该问题,到时候无论是数据一会是0.003还是3000,你都不用担心如何处理图表范围的问题。

3.2. 将计算出的y轴范围应用于echarts
使用yAxis属性下的min和max可以设置范围

4.1. 利用splitNumber (无效)
splitNumber:\'5\'
添加该属性没有效果,是因为我们设置了y轴的max和min,所以splitNumber不起作用
4.2. 使用interval去分隔
interval 该方式是通过按设置的值去切割轴,如y轴的interval设置为100,则会将y轴按每份间隔100去分割
故,我们修改一下方法getLeftData 去获取分隔间隔值

以上是关于echarts实现动态y轴范围且平均等分辅助线的主要内容,如果未能解决你的问题,请参考以下文章

echarts 横向柱状图怎么添加一条横向辅助线

echarts 横向柱状图怎么添加一条横向辅助线

echarts-去掉X轴 Y轴和网格线

ECharts图表柱状图可以动态设置y轴最大值吗

echarts解决双Y轴刻度线不对齐问题

echarts解决双Y轴刻度线不对齐问题