【echart】轴文字太多,1条目过多,2但条目文字过长换行

 第一个问题 x轴包含项目过多

 设置在xAxis  坐标轴axisLabel   interval:0

 设置为1未能全部显示

第二个问题:x轴单个项目文字过长

法一

echarts中x轴文字太长换行的几种方式

简单方式解决

https://www.jianshu.com/p/961ee5fa9a8a

法二

参考: 

字符串三种方式切割:split、substring、StringTokenizer_长臂人猿的博客-CSDN博客_字符串切割

https://www.jb51.net/article/250997.htm#_label0

js分割字符串的方法_猪小勇勇的博客-CSDN博客_js分割字符串

slice, substring, substr 方法  

var temp = value.length > 5 ? value.slice(0, 5) + "\n" + value.slice(5) : value

对应我自己代码雷达图部分

formatter: (value) => {
					let i = contains(indicator, value); // 处理对应要显示的样式
					var temp = value.length > 5 ? value.slice(0, 5) + "\n" + value.slice(5) : value
					return '{a|' + dataValue[i] + '}\n' + '{b|' + temp + '}';
				},

 

 

 


版权声明:本文为dujuancao11原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。