Echarts柱状图中让x轴的坐标文字竖版向下显示；echarts x轴文字竖排；echarts x轴文字

效果

代码

xAxis: {
	// data: ['消防烟感', '摄像机', '环境烟感', '路灯', '地磁'],
	data:myKeys,
	axisLine: {
		show: false //隐藏X轴轴线
	},
	axisTick: {
		show: false //隐藏X轴轴线
	},
	splitLine: {
		show: true,
		lineStyle: {
			color: "rgba(77, 128, 254, 0.2)",
			// width: 2
		}
	},
	axisLabel: {
		show: true,
		textStyle: {
			color: "#65D5FF" //X轴文字颜色
		},
		interval: 0,
		formatter: function (value) {
			//x轴的文字改为竖版显示
			var str = value.split("");
			return str.join("\n");
		}
	}
},

主要是

formatter: function (value) {
	//x轴的文字改为竖版显示
	var str = value.split("");
	return str.join("\n");
}

不要用自带的rotate:90属性

axisLabel: {
	show: true,
	textStyle: {
		color: "#65D5FF" //X轴文字颜色
	},
	interval: 0,
	rotate:90, // 文本旋转角度
	// formatter: function (value) {
	// 	//x轴的文字改为竖版显示
	// 	var str = value.split("");
	// 	return str.join("\n");
	// }
}

否则效果是这样的