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

Wu_Application

于 2018-11-05 13:46:00 发布

阅读量2.5k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Wu_Application/article/details/83748246

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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;
			}
	    },
},