制作大屏时免不了要做一些交互操作来实现动态效果,我遇到过的动态效果大概有以下几种
1.数字翻牌器动态效果,每隔设定的那一段时间自动回调更新数据。
图1.1 数据翻牌器回调数据
2.有一些组件就是自带动态效果的,如果有动态需要可以优先考虑这种组件,轮播饼图,轮播列表,轮播列表柱状图都是我们常用的轮播组件。
图2.1轮播饼图
图2.2 轮播列表
图2.3 轮播列表柱状图
3.实现动态效果免不了的就是要使用定时器,例如:要求每隔几秒时间饼图的数据就要来回切换,就需要在蓝图编辑器中使用定时器来实现切换操作。
图3.1 先显示
图3.2 后显示
4.地图动态效果,例如:实现地图数据不断轮播操作
用一个小组件接收地图数据,再用另一个组件获取地图api(把数据库中地图数据转化成我们要的数据字段),再把获取到的数据导入到地图中的子组件里(下图中使用的地图子组件是柱形图和区域热力图),用来动态显示数据的轮播变化,导入数据的操作要在蓝图编辑器里进行。
图4.1 地图动态轮播效果
5.弹框效果,有些组件有自带的hover或者点击弹框(例如:柱状图、折线图等),在蓝图编辑器中有些组件能通过hover或者点击触发某种事件,这样就可以通过触发导入数据控制弹窗组件的显隐,来实现弹框效果
图5.1 自定义弹框效果
基本上大部分的动态效果都是在蓝图编辑器里实现的,所以玩转蓝图编辑器可以帮我们解决很多问题。