Echarts如何获取到图例legend的宽,高?

发布于 2022-09-12 22:08:20 字数 105 浏览 35 评论 0

最近项目中遇到一个问题,图例的位置和宽高是自适应改变的,需要获取到图例legend的宽,高,有啥好方法吗?
![image.png](/img/bVcNWrn)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

云雾 2022-09-19 22:08:20

你好,可以通过echarts中api里的getOption()获取。
chart['_api'].getOption()中legend中包含了渲染时legend中的所有属性。
image.png

itemWidth和itemHeight是单个图例的大小,计算总长度还需要考虑itemGap,具体可以参考echarts官方文档中的描述。

对于图例遇到边界会换行的问题可以采用以下两种方法解决:
方法一:手动计算换行边界值后对移动范围作映射;
方法二:采用echarts中提供的scroll属性,遇到边界时图例可出滚动条。

希望对你有帮助。

久伴你 2022-09-19 22:08:20

小宋老师到此一游

送舟行 2022-09-19 22:08:20

感觉好厉害,请问你们是专业做可视化的吗?我想学习呢,需要学费吗?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文