dataV实现扇形图轮播

2019年3月11日

项目要求用dataV做一个大屏。
其中扇形图需要实现自动轮播的效果。举个例子:先播放A酒店的评论,2秒后播放B酒店的数据,再过2秒播放C酒店的数据。见下图:
扇形统计图
初次使用datav的我一筹莫展。后来看了官方文档介绍了回调参数id,知道了怎么用回调参数id来实现自动轮播的效果。具体见下面分析:
1.首先往画板中添加一个叫时间轴的组件。
时间轴
在画板中长这个样子:
在这里插入图片描述
在右侧的数据设置中这样设置:
在这里插入图片描述
注意在交互中设置好回调参数的名字,这里设置的是income:
在这里插入图片描述
2.往画板中添加扇形统计图。
在这里插入图片描述
在右侧数据设置菜单中选择数据源类型为数据库,写好SQL语句。我的数据库有4个字段:id、h、z、c。注意需要添加数据过滤器处理数据库返回的数据,如下:
在这里插入图片描述
3.隐藏时间轴组件,预览效果(先出现第一张图、2秒后出现第二张图、4秒后出现第三张图):
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值