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

Posted zhangyufeng0126

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 双Y轴刻度不一致

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

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

ECharts关于y轴刻度调整

echarts Y轴刻度保留小数设置,以及设置刻度间隔

ECharts 多轴时如何处理0刻度线对齐的问题