echarts数据过多X轴文字不显示

echarts柱状图在使用的时候，如果数据过多，会出现X轴横向文字不显示的问题，如何解决呢？

第一种我们可以给他加一个滚动条

dataZoom: [
	     {
	       show: true,
	       realtime: true,
	       height: 24, //这里可以设置dataZoom的尺寸
	       bottom: 8,	//滚动体距离底部的距离
	       start: 0,  //初始化时，滑动条宽度开始标度
	       end: 20, //初始化时，滑动条宽度结束标度
	     },
	     {
	       type: "inside", //内置滑动，随鼠标滚轮展示
	       realtime: true,
	       start: 0, 
	       end: 20, 
	     },
	   ],  

或者我们可以将文字改成竖向排列显示的，在xAxis里加入下面的代码即可

 axisLabel: {
		        interval: 0,  
		        formatter:function(value)  
		        {  
		            var ret = "";//拼接加\n返回的类目项  
		            var maxLength = 2;//每项显示文字个数  
		            var valLength = value.length;//X轴类目项的文字个数  
		            var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
		            if (rowN > 1)//如果类目项的文字大于3,  
		            {  
		                for (var i = 0; i < rowN; i++) {  
		                    var temp = "";//每次截取的字符串  
		                    var start = i * maxLength;//开始截取的位置  
		                    var end = start + maxLength;//结束截取的位置  
		                    //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
		                    temp = value.substring(start, end) + "\n";  
		                    ret += temp; //凭借最终的字符串  
		                }  
		                return ret;  
		            }  
		            else {  
		                return value;  
		            }  
		        }  
		    }