用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
}
},
这样,效果就好点了,如下: