【Echart】Echart设置label太长隐藏:


第一种:竖排显示

image.png

xAxis: {
    
    
	type: 'category',
	data: res.data.data.sz.xAxis,
	axisLabel:{
    
    
		fontSize:12,
    formatter: function(value) {
    
    
  		return value.split('').join('\n')
  	},
  },
}
第二种:显示部分

image.png

xAxis: {
    
    
	type: 'category',
	data: res.data.data.sz.xAxis,
	axisLabel:{
    
    
		fontSize:12,
    formatter: function(value) {
    
    
  		return value.length > 2 ? `${
      
      value.substr(0 , 2)}...` : value;
  	},
  },
}
第三种:强制显示所有标签并旋转

image.png

xAxis: {
    
    
	type: 'category',
	data: res.data.data.sz.xAxis,
	axisLabel:{
    
    
		fontSize:12,
    interval: 0,
    rotate: 30
  },
}
// interval 的作用在于坐标轴刻度标签的显示间隔,在类目轴中有效。
// 默认会采用标签不重叠的策略间隔显示标签。
// 可以设置成 0 强制显示所有标签。
// 如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。

猜你喜欢

转载自blog.csdn.net/weixin_53791978/article/details/134541833