echarts如何获取y轴刻度的最大值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts如何获取y轴刻度的最大值相关的知识,希望对你有一定的参考价值。

参考技术A ECharts图表组件当我们xAxis的data数据过多的情况下你会发现原本连续的坐标刻度出现了断层(间隔)的现象,为什么呢?其实这种现象是很正常的,它是怎么产生的呢?
原来ECharts图表组件内部有一个机制,用于统计xAxis坐标刻度的个数和图表宽度,从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是:interval。
参考技术B 选中数据,点击工具栏“chart wizard/图表导向”,在弹出的对话框选择图表类型(chart type)为柱状图(column),然后点击next/下一步 参考技术C yAxis ymax

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

echarts解决双Y轴刻度线不对齐问题
1. 先上图,直观看下什么问题

不对齐:

修改以后

2.分析问题
原因:刻度线在显示时,双Y轴的分隔段落不一致,导致不对齐问题,那么我们就要两个Y轴的分隔段是一样的

贴代码
 

				BMSOption.yAxis[0].max=Math.ceil(Math.max.apply(null,BMSOption.series[0].data)/5)*5;
				BMSOption.yAxis[0].interval=Math.ceil(Math.max.apply(null,BMSOption.series[0].data)/5);
				BMSOption.yAxis[1].max=Math.ceil(Math.max.apply(null,BMSOption.series[1].data)/5)*5;
				BMSOption.yAxis[1].interval=Math.ceil(Math.max.apply(null,BMSOption.series[1].data)/5);
				BMSOption.yAxis[0].min=0;
				BMSOption.yAxis[1].min=0;

 

以上是关于echarts如何获取y轴刻度的最大值的主要内容,如果未能解决你的问题,请参考以下文章

echarts怎么能让坐标轴中心点位置没有刻度

Echarts 双Y轴刻度不一致

根据返回数据 添加最大值echarts折线图改变y轴刻度

ECharts关于y轴刻度调整

echarts实现双y轴(多y轴)刻度间距动态保持一致

如何将echarts的折线图的y轴的值移到右边