前言

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

默认动画

render() 出场动画

changeData() 数据变更动画

filter() 过滤动画

coord() 坐标系变换动画

自定义动画

通过Animate 接口

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

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

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

结合自定义Shape

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

欢迎登录 G2官网 体验！

最新文章

1. 详解javascript,ES5标准中新增的几种高效Object操作方法
2. PHP递归生成树形数组
3. 【matlab】膨胀
4. git的简介，安装以及使用
5. openerp学习笔记 计算字段、关联字段（7.0中非计算字段、关联字段只读时无法修改保存的问题暂未解决）
6. just so you're clear
7. [转]Laravel 4之请求
8. css reset 以及哪些元素有默认margin padding值
9. wampserver使用过程中遇到的问题及相关配置
10. LeetCode之“树”：Binary Tree Preorder && Inorder && Postorder Traversal
11. 《神经网络算法与实现-基于Java语言》的读书笔记
12. 快速傅立叶变换(FFT)算法
13. BN讲解（转载）
14. 预备作业2 ：学习基础和C语言基础调查
15. 1.3、CDH 搭建Hadoop在安装之前(端口)
16. 使用Charles对Android App的https请求进行抓包
17. php递归获取无限分类菜单
18. 秒懂，Java 注解 （Annotation）你可以这样学
19. (转)MySQL 5.6 OOM 问题解决分享
20. Service生命周期以及应用

热门文章

1. 动作手游实时PVP技术揭密（服务器篇）
2. Maven 配置远程仓库
3. 微信小程序火车票查询 直取12306数据
4. 【java基础学习】-【泛型】
5. 从一个控制器调到另一个控制器的[UIViewController _loadViewFromNibNamed:bundle:]崩溃
6. Difference between WCF and Web API and WCF REST and Web Service
7. 给li标签添加自定义属性
8. nginx 各类网站设置 (laravel , thinkphp , nodejs , https)
9. tomcat context配置
10. 线程处理模型 由于 SynchronizationContext 引起的死锁问题解决