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

最新推荐文章于 2024-12-04 15:15:04 发布

原创最新推荐文章于 2024-12-04 15:15:04 发布 · 1.1w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #xAxis

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

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

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