echarts柱形图X轴标题单双显示不全,字段长度变成省略号方式显示

原创于 2018-11-05 13:46:00 发布 · 2.5k 阅读

CC 4.0 BY-SA版权

本文探讨了在图表中因字段标题过长导致的显示问题，并提供了两种解决方案：通过倾斜显示来增加可读性，或者当字段标题长度超过限制时使用省略号进行截断。

单双数不显示,不是根本问题,把字段改成足够长后,是显示不出来的,
根本原因确定,是字段标题过长,
解决办法有倾斜和截取字段变省略号的
代码:

xAxis : {
data : JSON
	.parse(data.body.s4)["xAxis1"],
	axisLabel:{  
		   /* interval:0,//横轴信息全部显示  
		    rotate:-15,//-15度角倾斜显示   */
			formatter:function(val){
				return val.length > 5 ? val.substr(0,4) + "..." : val;
			}
	    },
},