echarts x轴坐标文字显示不全

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

图二:修改后的图片


解决办法:


[html]  view plain  copy
  1. grid: {  
  2.                     y2: 140  
  3.                 },  
  4.                 xAxis: {  
  5.                     type: 'category',  
  6.                     boundaryGap: [0, 0.01],  
  7.                     name: '投标人',  
  8.                     data:  [ '' ],  
  9.                     axisLabel:{  
  10.                          interval:0,//横轴信息全部显示  
  11.                          rotate:-30,//-30度角倾斜显示  
  12.                     }  
  13.                 },  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值