echarts没有数据出现断续现象, 多个x轴合并导致y轴显示问题

440 阅读1分钟

对于没有数据的可以使用空数据站位, 并且要使用connectNulls设置为true

connectNulls设为true可以连接空数据

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        smooth: true
    },
    {
        data: [20, 32, 1, 34, '', '', 133, 320],
        type: 'line',
        smooth: true,
        connectNulls:true
    }
    ]
};

通过null或者空字符串也可以

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        smooth: true
    },
    {
        data: [['Mon', 1], ['Sun', 100], ['Sat', 900]], // 这里的0, 3, 6表示x轴对应的, 
        // data: [[0, 1], [3, 100], [5, 900]], // 这里的0, 3, 5表示x轴对应的下标也可以
        type: 'line',
        smooth: true,
      
    }
    ]
};

image-20201026215257398