echarts 多个grid多个y轴

想要使用echarts实现多个gird,并且每个grid都有双Y轴,数据能正确使用对于的Y轴。
目前情况可以显示双Y轴,但是两项数据使用的是同一个Y轴,另外一个(右侧)Y轴实际没有被使用到

option = {
    // 配置多个 Grid
    grid: [
        { left: '5%', top: '10%', width: '45%', height: '50%' },
        { right: '5%', top: '10%', width: '45%', height: '50%' }
    ],
    // 配置多个 Y 轴
    yAxis: [
        {
            type: 'value',
            name: '左侧 Y 轴 1',
            position: 'left',
            axisLabel: {
                formatter: '{value} ml'
            }
        },
        {
            type: 'value',
            name: '左侧 Y 轴 2',
            position: 'left',
            offset: 50,
            axisLabel: {
                formatter: '{value} °C'
            }
        },
        {
            type: 'value',
            name: '右侧 Y 轴 1',
            position: 'right',
            axisLabel: {
                formatter: '{value} km/h'
            }
        },
        {
            type: 'value',
            name: '右侧 Y 轴 2',
            position: 'right',
            offset: 50,
            axisLabel: {
                formatter: '{value} %'
            }
        }
    ],
    // 配置多个数据系列
    series: [
        {
            name: '左侧 Y 轴 1 数据',
            type: 'line',
            yAxisIndex: 0,
            data: [120, 200, 150, 80, 70]
        },
        {
            name: '左侧 Y 轴 2 数据',
            type: 'line',
            yAxisIndex: 1,
            data: [30, 25, 40, 35, 50]
        },
        {
            name: '右侧 Y 轴 1 数据',
            type: 'line',
            yAxisIndex: 2,
            data: [80, 60, 50, 70, 90]
        },
        {
            name: '右侧 Y 轴 2 数据',
            type: 'line',
            yAxisIndex: 3,
            data: [60, 70, 80, 75, 65]
        }
    ]
};

配置了两个 Grid,分别位于左侧和右侧,并分别配置了两个 Y 轴。offset: 50表示左侧的第二个 Y 轴和左侧的第一个 Y 轴之间的距离为 50,可以自己调整。
并且通过 yAxisIndex 参数来指定每个数据系列应该使用哪个 Y 轴。这样,就能确保每个数据系列都使用对应的 Y 轴,而不是都使用同一个 Y 轴了。
 
如果答案对您有所帮助,望采纳。