echart 处理x轴字数

版权声明: https://blog.csdn.net/u011518709/article/details/84855271
//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;
		        	}	
				},

猜你喜欢

转载自blog.csdn.net/u011518709/article/details/84855271
今日推荐