双图单legendecharts 折线配置项内容和展示

两个图共用一个legend

      option = {
    legend: {
        show: true,
        data: ['1,2', '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%'
    }],
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            animation: false
        },
        formatter: function(params) {
            console.log(params);
        }
    },
    axisPointer: {
        link: {
            xAxisIndex: 'all'
        }
    },
    dataZoom: [{
        show: true,
        realtime: true,
        start: 0,
        end: 30,
        xAxisIndex: [0, 1]
    }],
    series: [{
            type: 'line',
            name: '1,2',
            smooth: true,
            markLine: {
                symbol: 'none',
                silent: true,
                itemStyle: {
                    normal: {
                        borderWidth: 1,
                        lineStyle: {
                            type: 'dashed',
                            color: '#999',
                            width: 1,
                        },
                        label: {
                            show: true,
                            position: 'end',
                            formatter: "故障点",
                            color: '#f00',
                        },
                    },
                },
                data: [{
                        xAxis: "Wed",
                    },
                    // {
                    //     coord: [200, 200],
                    // },
                ],
                // animation: false,
            },
            data: [1220, 1832, 1491, 2354, 2960, 3730, {
                value: 8310,
                name: 'first'
            }]
        },
        {
            type: 'line',
            name: '222',
            smooth: true,
            markLine: {
                symbol: 'none',
                silent: true,
                itemStyle: {
                    normal: {
                        borderWidth: 1,
                        lineStyle: {
                            type: 'dashed',
                            color: '#999',
                            width: 1,
                        },
                        label: {
                            show: true,
                            position: 'end',
                            formatter: "",
                            color: '#f00',
                        },
                    },
                },
                data: [{
                        xAxis: "Wed",
                    },
                    // {
                    //     coord: [200, 200],
                    // },
                ],
                // animation: false,
            },
            data: [2220, 1832, 1941, 2534, 2960, 3370, {
                value: 3110,
                name: 'second'
            }]
        },
        {
            type: 'line',
            name: '1,2',
            smooth: true,
            markLine: {
                symbol: 'none',
                silent: true,
                itemStyle: {
                    normal: {
                        borderWidth: 1,
                        lineStyle: {
                            type: 'dashed',
                            color: '#999',
                            width: 1,
                        },
                        label: {
                            show: true,
                            position: 'end',
                            formatter: "",
                            color: '#f00',
                        },
                    },
                },
                data: [{
                        xAxis: "Wed",
                    },
                    // {
                    //     coord: [200, 200],
                    // },
                ],
                // animation: false,
            },
            data: [2240, 1821, 1917, 2334, 23290, 330, {
                value: 3610,
                name: 'third'
            }],
            xAxisIndex: 1,
            yAxisIndex: 1
        },
        {
            type: 'line',
            name: '222',
            smooth: true,
            markLine: {
                symbol: 'none',
                silent: true,
                itemStyle: {
                    normal: {
                        borderWidth: 1,
                        lineStyle: {
                            type: 'dashed',
                            color: '#999',
                            width: 1,
                        },
                        label: {
                            show: true,
                            position: 'end',
                            formatter: "",
                            color: '#f00',
                        },
                    },
                },
                data: [{
                        xAxis: "Wed",
                    },
                    // {
                    //     coord: [200, 200],
                    // },
                ],
                // animation: false,
            },
            data: [220, 182, 191, 234, 290, 330, {
                value: 310,
                name: 'fourth'
            }],
            xAxisIndex: 1,
            yAxisIndex: 1
        },
    ]
};