折线图的label会全部显示造成拥挤甚至重叠echarts 折线配置项内容和展示

在版本3.x中与X轴坐标会保持一致,自适应显示部分label。到了4当中会全部显示出来,因为功能涉及到查询历史数据,所以页面会很难看,所有点的数值全部显示出来折叠密密麻麻

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    tooltip: {
        trigger: 'axis'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        label: {
            normal: {
                show: true,
                position: 'top'
            }
        },
        data: [220, 182, 191, 234, 290, 330, 310, 182, 191, 234, 290, 330, 310, 182, 191, 234, 290, 330, 310, 182, 191, 234, 290, 330, 310, 182, 191, 234, 290, 330, 310, 182, 191, 234, 290, 330, 310]
    }]
};
    
截图如下