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

新手上路,请多包涵
最近项目中遇到一个问题,图例的位置和宽高是自适应改变的,需要获取到图例legend的宽,高,有啥好方法吗?
![image.png](/img/bVcNWrn)
阅读 9k
3 个回答

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

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

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

希望对你有帮助。

小宋老师到此一游😊

新手上路,请多包涵

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

推荐问题