Echarts X轴数据过多导致重叠显示不全的问题 您所在的位置:网站首页 数据重叠图表 Echarts X轴数据过多导致重叠显示不全的问题

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

2023-08-19 11:59| 来源: 网络整理| 查看: 265

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

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有