echarts 一个legend控制多个折线图

Question

1. 如图：

x轴数值是一样的；
两张图，共用一个legend；
点击2018年5月，两张图中同时隐藏掉红色折现；

Answer 1

很简单

按你上面的图
创建两个坐标系

然后把想同时显示和消失的那几项设置成相同的name就行

给你个代码示例

option = {
    legend:{
        show:true,
        data:['111','222']
    },
    xAxis: [{
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    }, {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        gridIndex: 1
    }],
    yAxis: [{}, {
        gridIndex: 1
    }],
    grid: [{
        bottom: '60%'
    }, {
        top: '60%'
    }],
    series: [
        {
            type: 'line',
            name: '111',
            data: [1220, 1832, 1491, 2354, 2960, 3730, 8310]
        },
        {
            type: 'line',
            name: '222',
            data: [2220, 1832, 1941, 2534, 2960, 3370, 3110]
        },
        {
            type: 'line',
            name: '111',
            data: [2240, 1821, 1917, 2334, 23290, 330, 3610],
            xAxisIndex: 1,
            yAxisIndex: 1
        },
        {
            type: 'line',
            name: '222',
            data: [220, 182, 191, 234, 290, 330, 310],
            xAxisIndex: 1,
            yAxisIndex: 1
        },
    ]
};