码迷,mamicode.com
首页 > 其他好文 > 详细

人之初,性本动 - G2 2.1 发布

时间:2016-11-04 13:40:43      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:交互   需求   cli   会同   通过   amt   交互动画   作图   统一   

前言

随着可视化进入深水区,G2面临了越来越多交互上的需求。动画是提升交互必不可少的一部分,也是之前G2的薄弱环节。这个版本里我们开发并替换了动画底层,统一了时间轴,使G2的动画性能大大提升,并提供了一套默认的交互动画,使G2图表的表现力更加丰富。

默认动画

render() 出场动画

技术分享

changeData() 数据变更动画

技术分享

技术分享

filter() 过滤动画

技术分享

技术分享

技术分享

coord() 坐标系变换动画

技术分享

技术分享

自定义动画

通过Animate 接口

默认动画会同时出现。这样会引起视觉上的混乱。

技术分享

我们可以通过自定义动画接口,将点图的出现时间稍做延迟。代码片段

技术分享

当然我们还能通过自定义Aniamte 作出更细致的动画效果代码片段

技术分享

结合自定义Shape

G2 的自定义Shape功能允许我们直接操作图形对象。借助这个入口,配合动画接口shape.animate(),能实现复杂的动画。 代码片段

技术分享

欢迎登录 G2官网 体验!

人之初,性本动 - G2 2.1 发布

标签:交互   需求   cli   会同   通过   amt   交互动画   作图   统一   

原文地址:http://www.cnblogs.com/zaohe/p/6029679.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!