ECharts使用笔记——实现多个不同位置的lable

本文记录了如何利用ECharts插件实现具有标内标签和指向标签的复杂图表效果。通过创建两个相同大小的漏斗图并叠放,分别设置不同位置的标签来达到展示目的。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近做了一个演示性的项目,要展示很多图表,选用了ECharts这个插件,其优点在于提供的API很丰富,能实现多种不同的图表以及个性化的设置,也有详细的文档和实例。这里记录一个小技巧。

需要实现下图的效果,即既有标在图内的lable,也有通过标示线来指向图的lable,分别是每一项的名称和具体说明或数据。

效果图

但是lable只能放在一个位置,不能分两部分分开放置。因此这里采用了一个小技巧,即将两个一样大小的漏斗图叠放,分别设置两处lable。具体做法是在option的series中传入两组数据,并把大小、位置设为一样的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值