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
            }
        },

这样,效果就好点了,如下:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM