Echarts 双Y轴刻度不一致

Posted 2023-04-18

参考技术A

项目中使用了 百度Echarts
根据项目需要，要实现双Y轴展示柱状图
最终的样子是这样的

实现过程中遇到的问题
一开始是这个样子的（因为没有设置max min，天真的以为只要有数据，就会系统均分，万万没想到，出现左右刻度不重合现象，what ~~）

解决方法：（大致思路就是让文字倾斜）

解决方法： 翻来覆去，终于在github 的issue上看到，貌似echart3.0需要自己去定义 max，min，interval。系统不再自动计算适配。
既然这样，那就计算呗，根据项目需要，在这一块

小插曲：由于两侧都是动态数据，测试时候发现，左侧Y轴有时候会变为6份或者更多份。妹的，那就乱套了，左右Y轴不对应。那就固定起来，将左侧也固定为 5份。具体方法同上（计算max min interval）

基本就能解决了
that \' s all

番外篇：

echarts Y轴刻度保留几位小数

yAxis: [
                {
                    type: ‘value‘,
                    name: ‘雨量(mm)‘,
                    nameLocation: ‘start‘,
                    inverse: true,
                    axisLabel: {
                        formatter: function (value, index) {
                            return value.toFixed(1);
                        }
                    }
                }
         ]