一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用

举报
BI最前线 发表于 2021/05/19 10:43:23 2021/05/19
【摘要】 随着技术的发展,越来越多的用户开始关注大屏报表甚至自助式分析下的炫酷效果,良好的图表展现以及动态效果让用户更易理解数据,对数据更感兴趣。而在Yonghong即将发布的版本中,对这一能力有了全面的提升——动画。一、装载动画新版本我们对组件加载动画进行了效果和性能优化,视觉效果更加自然顺畅。话不多说,直接上图。不同图表的加载动画效果会有所不同,以达到最佳的视觉效果。二、过渡动画大屏展示或者自助式...

随着技术的发展,越来越多的用户开始关注大屏报表甚至自助式分析下的炫酷效果,良好的图表展现以及动态效果让用户更易理解数据,对数据更感兴趣。而在Yonghong即将发布的版本中,对这一能力有了全面的提升——动画

一、装载动画

新版本我们对组件加载动画进行了效果和性能优化,视觉效果更加自然顺畅。

话不多说,直接上图。

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


不同图表的加载动画效果会有所不同,以达到最佳的视觉效果。

二、过渡动画

大屏展示或者自助式分析(例如过滤,笔刷,缩放,组件传参等)时,用户往往需要对前后的数据进行对比,如果图形缺少连续流畅的变化过程,会大大增加数据对比难度,很难直观看出前后差异或者数据变化。因此连续且流畅的动画显得尤为重要。

下面以过滤为例,看看新版本中柱图、点图、线图数据变化的过渡效果。

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用

(柱图)

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用

(堆积柱图)

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用

(点图)

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用

(线图)

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用

(面积图)

如上图所示,如果图形显示了标签,标签也会跟着移动,并且数值标签会有数字翻动动画。

动画可以关闭,也可以自定义时长,通过【报告】-【设置】进行修改。

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


三、动画进阶

结合脚本,三步便可实现图表连续动态变化的效果。以下图表数据为模拟数据。

第一步,新建空白报告,拖入柱图组件,绑定数据,设置高级排序TOP10。

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


第二步,拖入下拉参数组件,并绑定数据,对柱图组件设置过滤器。

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


第三步,设置报表刷新间隔为2s,动画时间2000ms。添加报表参数“i”,默认值设置为0,并添加脚本如图。

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


预览报告,效果如下:

一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用


一键解锁新玩法:有了这份“设计秘笈”,让你的报表高端又中用
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。