【解决】echarts条形图纵坐标显示不全

先说结论:

option:{
	...
	grid: {
	      containLabel: true
	},
	...
}

这个属性是控制整体的坐标标签的。加上这个就可以显示完整了。然后再根据其他属性调整标签的字体、颜色之类的

 yAxis : [{
	...
	axisLabel:{
		width:100,
		overflow:'break',
		truncate:'...',
		color:'red',
		fontSize:10,
	},
	...
}],

如果你的label内容很多,已经超出默认给的宽度了,那么继续增加width是没用的。这时的宽度必须搭配grid.containLabel:true才能生效!原来我试了好多都不生效,就是这个属性没有加。

举例:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
我没看源码,但我猜应该是label整体在被containLabel控制,类似于外层有一个容器有固定的宽,超出隐藏,里边具体到每一个Label再宽,也会被隐藏掉。
在这里插入图片描述

解决方法是看了这篇文章 https://www.jb51.net/javascript/285816kz1.htm。感谢原博,解决了我一大难题!

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-04-24 06:38:02       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-24 06:38:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-24 06:38:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-24 06:38:02       20 阅读

热门阅读

  1. c++设计模式之观察者模式(消息订阅模式)

    2024-04-24 06:38:02       11 阅读
  2. Vue.js(Axios)

    2024-04-24 06:38:02       15 阅读
  3. iOS 内存泄漏问题总结

    2024-04-24 06:38:02       20 阅读
  4. Gitea 的简单介绍

    2024-04-24 06:38:02       17 阅读
  5. echart坑

    echart坑

    2024-04-24 06:38:02      11 阅读
  6. 基于Python的老年人跌倒智能监测系统

    2024-04-24 06:38:02       15 阅读
  7. Centos替换yum为阿里云

    2024-04-24 06:38:02       15 阅读
  8. PHP中的超全局变量及其作用

    2024-04-24 06:38:02       16 阅读
  9. OSINT技术情报精选·2024年4月第3周

    2024-04-24 06:38:02       15 阅读
  10. zabbix图形乱码解决方案

    2024-04-24 06:38:02       13 阅读
  11. nginx日志自定义和统计处理

    2024-04-24 06:38:02       15 阅读