Echarts X轴数据过多导致重叠显示不全的问题

用Echarts做可视化分析的时候遇到了一个问题，日期有100多个，将其全部显示出来，密密麻麻的。

警告！！！

密集恐惧症请先行撤退！！！

图如下：

非常失败的一个画图；

        xAxis: {
            type: 'category',
            boundaryGap: true,
            //x 轴
            data: time,
            axisLabel: {
                interval: 0,
                rotate: 35
            }
        },

我的X轴设置是这样的，其中在axisLabel中，interval为0，rotate代表一个旋转量；

这就是问题所在！！

interval为0代表每个标签都显示，即间隔为0！

将其设置为我们想要的数值即可。

即：

        xAxis: {
            type: 'category',
            boundaryGap: true,
            //x 轴
            data: time,
            axisLabel: {
                interval: 6,
                rotate: 35
            }
        },

这样，效果就好点了，如下：

posted @ 2020-06-20 15:20 zju_cxl 阅读(3374) 评论(0) 收藏举报

刷新页面返回顶部

P=NP

To be or not to be, this is a question.

Echarts X轴数据过多导致重叠显示不全的问题

公告