指点成金-最美分享吧

登录

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

佚名 举报

篇首语:本文由小编为大家整理,主要介绍了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轴刻度线不对齐问题的主要内容,如果未能解决你的问题,请参考以下文章