找文章 / 找答案
精选问答 更多内容

新功能预告:一键让你的图表动起来,高端可视化该这样玩

寻找新技能 显示全部楼层 发表于 2021-5-14 11:59:38 |阅读模式 打印 上一主题 下一主题
随着技术的发展,越来越多的用户开始关注大屏报表甚至自助式分析下的炫酷效果,良好的图表展现以及动态效果让用户更易理解数据,对数据更感兴趣。而在Yonghong即将发布的版本中,对这一能力有了全面的提升——动画



装载动画

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

话不多说,直接上图。








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




过渡动画

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




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


(柱图)





(堆积柱图)





(点图)





(线图)





(面积图)




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

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











动画进阶

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




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











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








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





























预览报告,效果如下:

















回复

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部