双y轴默认网格线不一致该怎么解决呢 echarts

Question

我在yAxis里面设置 max，interval这两个值，如果数据全部是正数的话没啥大问题，如果某个数据出现负数的话网格线就出现不一致问题了，请个这个有什么更好的解决方法呢

let test_A = [10,2,0.5,0.18,2.2,3,5.1,6];
let test_B = [0.1,0.12,-0.5,0.21,0.22,0.3,0.51,0.6];
let x_data = ['2020-01-01','2020-01-02','2020-01-03','2020-01-04','2020-01-05','2020-01-06','2020-01-07','2020-01-08',]

option = {
   
    title: {
        left: 'center',
        text: '测试',
    },
    xAxis: {
        type: 'category',
        data: x_data,
        boundaryGap: false
    },
    yAxis: [
        {
        type: 'value',
        name: '模拟数据A',
        max: Math.ceil(Math.max(...test_A)/5)*5,
        interval: Math.ceil(Math.max(...test_A)/5),
    },{
        type: 'value',
        name: '模拟数据B',
        max: Math.ceil(Math.max(...test_B)/5)*5,
        interval: Math.ceil(Math.max(...test_B)/5),
    },],

    series: [
        {
            name: '模拟数据A',
            type: 'line',
            smooth: false,
            symbol: 'none',
            data: test_A
        },{
            name: '模拟数据B',
            type: 'line',
            smooth: false,
            symbol: 'none',
            data: test_B,
            yAxisIndex:1,
        },
    ]
};

Answer 1

去掉其中一条网格线就可以了
yAxis.splitLine.show = false;