首页 前端知识 Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜

Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜

2024-09-04 23:09:54 前端知识 前端哥 770 775 我要收藏

此情况一般是因为x轴文字过长导致,知道什么原因,就可以解决了

在xAxis里面加

xAxis: {
		
		axisLabel: {
			interval: 0,
			rotate: -45  //文字过多时,倾斜角度
		}
	}

控制它的属性是axisLabel,该属性interva设置成0则表示强制显示所有标签,设置为1的话,隔一个标签显示一个标签,以此类推。

如果还是显示不全,可以再添加rotate。

rotate表示倾斜显示,-是顺时针旋转多少度,+或不写表示逆时针旋转多少度,默认值为90

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17635.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!