1. 程式人生 > >echart 處理x軸字數

echart 處理x軸字數

//echart 處理x軸字數 太多的問題;

1.設定傾斜度

axisLabel:{interval:0,rotate:"45"},

注:interval=0強制顯示所有的項;

2.換行設定

axisLabel:{
					formatter:function(params){
		        		var newStr = ""; 
		        		var n = params.length; //長度
		        		var a = 4; //每行顯示的字數
		        		var r = Math.ceil(n/a); //總的幾行
		        		if(n>a){ //如果長度大於顯示的字數換行
		        			for(var i = 0;i<r;i++){
		        				var tempStr = "";
		        				var start = i*a;
		        				var end = start + a;
		        				if(i==r-1){
		        					tempStr = params.substring(start,n);
		        				}else{
		        					tempStr = params.substring(start,end)+"\n";
		        				}
		        				newStr += tempStr;
		        			}
		        		}else{
		        			newStr = params;
		        		}
		        		return newStr;
		        	}	
				},