Echarts图表X轴数据每隔指定数量显示

Echarts图表X轴数据每隔指定数量显示

在使用Echarts图表时,有时候数据量很大,在X轴上的单位非常多,可能有上百条的数据,X轴放不下,Echarts会自动的在X轴隐藏部分数据,间隔一定的数据量显示X轴的单位,但有时自动设定的间隔数量不满足我们的需求,需要自定义间隔的数量,很简单,找到xAxis这个属性,在里面加上axisLabel:{ interval:间隔数量 }

// 找到xAxis属性
xAxis: {
     type: 'category',
     boundaryGap: false,
     data: chartX ,
     axisLabel:{
     	interval:10, //加入axisLabel字段,interval后面加你想要间隔的个数
     }
},