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轴刻度线不对齐问题的主要内容,如果未能解决你的问题,请参考以下文章