echarts的横坐标的值竖着显示的实现方法

程序媛搬砖

于 2018-11-16 18:27:41 发布

阅读量1.1w

点赞数 7

CC 4.0 BY-SA版权

文章标签： echarts xAxis

本文链接：https://blog.youkuaiyun.com/Love666Code/article/details/84144008

本文介绍如何在ECharts中将横坐标上的文字设置为竖直显示，通过修改axisLabel配置项中的formatter函数，使用split和join方法实现文字换行，适用于需要优化图表布局的场景。

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

echarts的横坐标的值竖着显示的实现方法：

 xAxis : [
        	        {
        	            type : 'category',
        	            data : data[1],
        	            axisLabel:{
        	        		interval: 0,
        	        		formatter: function (value) {
        	        			//x轴的文字改为竖版显示
        	        			var str = value.split("");
        	        			return str.join("\n");
        	        		}
        	        	}
        	        }
        	    ],