echarts-两条折线对应的x轴数据不同

注意
series中的data 的第一列
            data: [
                    ["2", 10],
                    ["4", 20],
                    ["40", 30],
                    ["50", 40],
            ],
  为字符串不是数字



option = {
        legend: {
            name: ['data1', 'data2'],
            y: '15'
        },
        tooltip:{
          trigger:'axis'
        },
        xAxis: [
            {
                name: 'x',
                type: 'category',
                data: [2, 4, 6, 8, 10, 12, 14, 16,20, 30, 40, 50]
            }
        ],
        yAxis: {
            type: 'value'
        },
        series: [
            {
                type: 'line',
                data: [
                    ["2", 10],
                    ["4", 20],
                    ["40", 30],
                    ["50", 40],
                ],
                name: 'data1',
                // 因有缺失的点, 所以采用如下属性来使数据正常连接不断开
                connectNulls: true
            },
            {
                type: 'line',
                data: [
                    ['2', 1],
                    ["4", 2],
                    ["6", 3],
                    ["8", 4],
                    ["10", 5],
                    ["12", 6],
                    ["14", 7],
                    ["16", 8],
                ],
                name: 'data2',
                // 因有缺失的点, 所以采用如下属性来使数据正常连接不断开
                connectNulls: true
            }
        ]
    }