echart中x轴数据过多时展示不全

项目中遇到需要展示一些柱状图,之前做相关功能时,横坐标x轴一直用的是时间,所以没有注意到这个问题。

如下图所示:

image-20210224121529003

当x轴显示的是”人名“这种类型的值的时候,这种显示情况就有问题了,这样就不会知道,没有显示的具体是谁。

解决这个问题主要有两种方法:

  1. 让所有的x轴的值显示出来。
  2. 鼠标悬停显示横坐标内容。

从网上查到了一些方法,这里做一下总结。

首先尝试第一种方法

1.让所有的x轴的值显示出来

让x轴值全部显示出来,一共有两种方式:

第一种方式:

​ 利用axisLabelaxisLabel主要用于坐标轴刻度标签的相关设置。

axisLabel有很多属性,常用的如下所示:

show:true, — 表示:是否显示刻度标签(默认值:true)

interval: ‘auto’, ---- 表示:采用标签不重叠的策略间隔显示标签。(默认值:auto)

​ 除此之外,

  • 17
    点赞
  • 63
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值