组件的动画

<< Click to Display Table of Contents >>

当前位置:  制作可视化报告 > 组件操作与设置 

组件的动画

复制链接

1. 概述

1.1 应用场景

用户在查看报告时,数据看起来更生动。

1.2 功能介绍

用户可以在组件的设置中开启动画,并设置动画的轮播时长、轮播间隔等属性。使用此功能必须申请包含大屏功能的license。

2. 动画设置

2.1 饼图、环状图、南丁格尔玫瑰图

选中组件,在右侧编辑栏【设置】中选择“动画”,展开后点击勾选“轮播”即可。您可以设置动画时长和动画间隔。

ComponentAnimation_PieChart_Entrance

【动画时长】各类别的扇形从饼图中向外突出移动时所需的时间,默认500ms。

【动画间隔】一个类别的饼图向外突出的动画完成,进行回缩并开始下一个类别的扇形向外突出动画的时间,默认3000ms。

效果如图:

PieAnimation

2.2 柱图、线图、点图、面积图、瀑布图、甘特图、帕累托图、组合图

选中组件,在右侧编辑栏-【设置】中选择“动画”,展开后点击勾选“轮播”即可。您可以设置动画时长、动画间隔、轮播选项和轮播顺序。

【动画时长】各类别的标记(柱子、点、扇区)颜色高亮所需的时间,默认500ms。

【动画间隔】柱子、点、气泡的标签、标记逐个显示,效果为淡入淡出,当前一个淡出时后一个淡入动画的时间,默认2000ms。

【轮播选项】图表绑定多个度量列,可以选择其中一个度量列进行轮播或全部,默认全部。

【轮播顺序】图表支持两种轮播顺序,轴标签和标记,选择后图表会按照对应的顺序进行轮播,默认轴标签。

效果如图:

chart_animation

chart_animation_2

2.3 地图

选中组件,在右侧编辑栏【设置】中选择“动画”,展开后点击勾选“轮播”即可。您可以设置动画时长、动画间隔、轮播选项、轮播顺序和是否保留所有渲染区域。

【动画时长】各类别的扇形从饼图中向外突出移动时所需的时间,默认500ms。

【动画间隔】地图点、区域的标签、标记逐个显示,效果为淡入淡出,当前一个淡出时后一个淡入动画的时间,默认2000ms。

【轮播选项】多层地图时可以选择开启其中一层的动画也可选择全部,默认全部。

【是否保留所有渲染区域】勾选后,地图渲染效果将被保留,各个区域依次轮播,默认不勾选,即轮播时各区域一个个渲染出现。

效果如图:

Map_Animation

2.4 指标卡

选中组件,在右侧编辑栏-设置中选择“动画”,展开后点击勾选“翻转动画”即可。你可以设置滚动时长,默认1000ms。

ComponentAnimation_KPI_Entrance

效果如图:

kpi

2.5 选项卡

选中组件,在右侧编辑栏-设置中选择“动画”,展开后点击勾选“轮播”即可。你可以设置轮播时间,默认3s。

ComponentAnimation_Tab_Entrance

效果如图:

Tab

2.6 轮播组件

选中组件,在右侧编辑栏-设置中,你可以设置轮播时间,默认0s。

ComponentAnimation_Carousel_Entrance

效果如图:

Carousel

2.7 文本组件

文本组件有两种动画效果:翻转动画、滚动。

选中组件,在右侧编辑栏-设置中选择“动画”,展开后点击所需动画效果。在开启“滚动”动画后,你可以设置滚动速度、末尾间隔和停留时间。滚动速度默认2字符/s,末尾间隔默认10字符,停留时间默认2s。

ComponentAnimation_Text_Entrance

效果如图:

Text

2.8 表格

表格支持表格滚动和溢出文本滚动两种动画,具体详见表格动画

2.9 范围参数、范围过滤

选中组件,在右侧编辑栏-设置中选择“动画”,展开勾选“自动播放”。您可以设置播放间隔,播放顺序,以及是否循环播放。

Range_settings

【播放间隔】选中的滑块按照播放顺序向左/向右滑动的间隔时间,默认播放间隔为2 秒。

【播放顺序】滑块滑动的方向,支持向左、向右。

【循环播放】默认为非勾选状态,从选中的滑块开始播放,一直播放到最后滑块结束。勾选后,从选中的滑块开始播放,一直播放到最后滑块,再循环播放。

点击范围参数/范围过滤组件工具栏上的播放按钮开始播放动画。

注意:

若设置的范围、分组只有一个区间,则开启播放后无效果。

滑块为区间的播放动画:

viewdb_range_filter_animation_1

滑块为单选的播放动画:

viewdb_range_filter_animation_2