Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

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

echarts柱状图如何在最顶部显示数字

有一张这样的设计图,需要在最顶部显示数字
image.png

现在我能做到的只有这样,在柱子上方显示,并不能在最顶部显示
image.png

如何进行配置,可以让label在最顶部进行显示呢?


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

1 Answer

0 votes
by (71.8m points)

可以延迟计算grid高度,然后使用position: 'bottom'加上offset偏移进行定位。
position

这里主要就是top和bottom的计算,因为grid的top等属性可以设置具体像素值/百分比/关键字等,所以这个判断比较麻烦,上面因为我写的是百分比,所以直接按百分比处理了,你可以多做些判断进行处理。

另外,网上也有其他的解决方法,你也可以参考下Echarts 添加多个 label 与动态调整 position 的方案


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share

2.1m questions

2.1m answers

63 comments

56.6k users

...