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

警告!!!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

图如下:

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

非常失败的一个画图;

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

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

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

相关文章:

  • 2022-12-23
  • 2021-05-31
  • 2021-11-22
  • 2021-11-19
  • 2022-12-23
  • 2022-12-23
  • 2021-07-10
猜你喜欢
  • 2021-11-21
  • 2021-07-08
  • 2022-01-06
  • 2021-06-07
相关资源
相似解决方案