实践开发DataV大屏遇到的动态效果

制作大屏时免不了要做一些交互操作来实现动态效果,我遇到过的动态效果大概有以下几种

1.数字翻牌器动态效果,每隔设定的那一段时间自动回调更新数据。

实践开发DataV大屏遇到的动态效果

1.1 数据翻牌器回调数据

      2.有一些组件就是自带动态效果的,如果有动态需要可以优先考虑这种组件,轮播饼图,轮播列表,轮播列表柱状图都是我们常用的轮播组件。

实践开发DataV大屏遇到的动态效果

2.1轮播饼图

实践开发DataV大屏遇到的动态效果

2.2 轮播列表

实践开发DataV大屏遇到的动态效果

2.3 轮播列表柱状图

3.实现动态效果免不了的就是要使用定时器,例如:要求每隔几秒时间饼图的数据就要来回切换,就需要在蓝图编辑器中使用定时器来实现切换操作。

实践开发DataV大屏遇到的动态效果

3.1 先显示

实践开发DataV大屏遇到的动态效果

3.2 后显示

4.地图动态效果,例如:实现地图数据不断轮播操作

用一个小组件接收地图数据,再用另一个组件获取地图api(把数据库中地图数据转化成我们要的数据字段),再把获取到的数据导入到地图中的子组件里(下图中使用的地图子组件是柱形图和区域热力图),用来动态显示数据的轮播变化,导入数据的操作要在蓝图编辑器里进行。

实践开发DataV大屏遇到的动态效果

4.1 地图动态轮播效果

 

5.弹框效果,有些组件有自带的hover或者点击弹框(例如:柱状图、折线图等),在蓝图编辑器中有些组件能通过hover或者点击触发某种事件,这样就可以通过触发导入数据控制弹窗组件的显隐,来实现弹框效果

实践开发DataV大屏遇到的动态效果

5.1 自定义弹框效果

基本上大部分的动态效果都是在蓝图编辑器里实现的,所以玩转蓝图编辑器可以帮我们解决很多问题。

上一篇:计算机基础-取模


下一篇:NOIP2007 矩阵取数游戏