echarts折线图实现双y轴

要实现 echarts 的折线图双 y 轴，需要使用 echarts 提供的 yAxisIndex 属性来实现。具体步骤如下：

1. 在 option 中定义两个 yAxis，分别对应左右 y 轴。如下所示：

option = {
    ...
    yAxis: [
        {
            type: 'value',
            name: '左轴名称',
            axisLine: {
                lineStyle: {
                    color: '#666'
                }
            }
        },
        {
            type: 'value',
            name: '右轴名称',
            axisLine: {
                lineStyle: {
                    color: '#666'
                }
            }
        }
    ],
    ...
}

2. 在 series 中设置各个数据项所对应的 y 轴的索引值，即 yAxisIndex。如下所示：

option = {
    ...
    series: [
        {
            name: '数据一',
            type: 'line',
            data: [10, 20, 30, 40, 50],
            yAxisIndex: 0 // 对应左 y 轴
        },
        {
            name: '数据二',
            type: 'line',
            data: [50, 40, 30, 20, 10],
            yAxisIndex: 1 // 对应右 y 轴
        }
    ],
    ...
}

这样就可以实现 echarts 折线图的双 y 轴了。