宇筱博客

  • 解决办法
  • 学无止境
  • 记录时光
  • 百宝箱
宇筱博客
点滴记忆,汇聚成海。
  1. 首页
  2. 解决办法
  3. 正文

echarts x轴坐标文字显示不全

2018年1月6日 678点热度 0人点赞 0条评论

在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度角倾斜显示  
          }  
 },  

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

 

标签: 暂无
最后更新:2022年3月23日

小渔民

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

COPYRIGHT © 2025 宇筱博客. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

豫ICP备15017825号-2