echarts 多Y轴,Y轴零点刻度一致的解决办法和思路

问题:多个Y轴时,eCharts为了调整曲线的平衡, 会偷偷地改变每个Y轴的零值刻度位置,是整体曲线分布均衡, 但是这样也有一个缺点,就是Y轴的0值刻度不在同一条线上. 如图示:

显然左右y轴的零值刻度不重合,这样未免有些许的缺憾.调整一致的简单思路和方法:
思路: 调整每个坐标轴的最大值和最小值跟Y轴成对称分布就可以了.为什么呢?不为什么, echars好像就是把横轴画在最大值和最小值的中间位置… 因此有了下面的算法

      for (i = 0; i < option.yAxis.length; i++) {
          max = option.yAxis[i].max;
          min = option.yAxis[i].min;
          option.yAxis[i].max = Math.max(Math.abs(max), Math.abs(min)) * 1.1;
          option.yAxis[i].min = -1 * Math.max(Math.abs(max), Math.abs(min)) * 1.1;
        }

上面代码的思路参考了
https://www.jianshu.com/p/b35e90d820ec
调整后的图如下:

可见, 两Y轴的零刻度线已经一致了.
但是显然, 这个这个图形也有头重脚轻的感觉,这是因为其数据并不是正负均匀分布的,所有的值都是正值.为了避免出现这种现象,我们还需要进一步的处理. 处理思路如下:
第一步:对所有Y轴的最大值和最小值进行归一化处理,例如折算成像素值(这个很简单哦)
第二步:找出这些值的最小值和最大值
第三步:把这个最小值和最大值作为各个Y轴的归一化后的最小值和最大值,然后做第一步的逆运算, 设置真正的各个Y轴的最小值嗯和最大值.
第四步:画图
此时的图形就应该是比较均衡的图形了,切各个y轴的零刻度线是一致的.
(代码略,有时间再写吧.)
maraSun 2022-01-27 于BJFWDQ.
预祝大家虎年虎虎生威,不要虎头龙尾.
附：本人另一篇后续文章链接如下：
Echarts 多Y轴零点对齐通用函数