Echarts X轴数据过多导致重叠显示不全的问题 | 您所在的位置:网站首页 › 数据重叠图表 › 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 } },这样,效果就好点了,如下: |
CopyRight 2018-2019 实验室设备网 版权所有 |