ecahrts横坐标数据过多发生层叠

方法1：直接去掉interval属性（推荐）

方法2：设置interval的值

option = {

     xAxis: {
         type: 'category',
        boundaryGap: false,
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLabel: {

                interval: 1, //设置横坐标数据间隔就可以了，这里0代表的是显示全部，1代表的是间隔一个显示,2，3，4以此类推

                textStyle: {

                      color: '#8F8F8F',

                },

                rotate: 40

        },
},
   yAxis: {
         type: 'value'
   },
   series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        areaStyle: {}
   }]
};

 

方法3：设置横坐标数据倾斜rotate（如上图所示，这样数据占用空间小了就不会层叠了）