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

最新推荐文章于 2024-01-11 10:23:56 发布

Wu_Application

最新推荐文章于 2024-01-11 10:23:56 发布

阅读量2.4k

点赞数 1

本文链接：https://blog.csdn.net/wu_application/article/details/83748246

版权

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

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