echarts x轴坐标文字显示不全

最新推荐文章于 2025-03-19 10:47:06 发布

开着拖拉机的梦想家

最新推荐文章于 2025-03-19 10:47:06 发布

阅读量10w+

点赞数 34

分类专栏： java--报表

本文链接：https://blog.csdn.net/wu920604/article/details/53332520

版权

java--报表专栏收录该内容

16 篇文章

订阅专栏

 
 在echarts中应用柱状图或者折线图时，当数据量过多的时候，X轴的坐标就会显示不全（如下图图一），在ECharts图表组件内部有一个机制，用于统计xAxis坐标刻度的个数和图表宽度，从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是： 
 interval 
 。还有一个属性： 
 rotate 
 : number 度角是倾斜的控制所在。
 图一：显示不全
  

图二：修改后的图片

解决办法：

 grid: {
				    	y2: 140
				    },
				    xAxis: {
				        type: 'category',
				        boundaryGap: [0, 0.01],
				        name: '投标人',
				        data:  [ '' ],
				        axisLabel:{
						     interval:0,//横轴信息全部显示
						     rotate:-30,//-30度角倾斜显示
						}
				    },