Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.4k views
in Technique[技术] by (71.8m points)

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

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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

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

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

希望对你有帮助。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...