一种图表统一动画的实现方法以及设备技术

本申请实施例公开了一种图表统一动画的实现方法以及设备，涉及图表技术领域。所述设备包括：新增指令获取装置，用于获取新增图形指令信息，所述新增图形指令信息包括新增图形的类型；动画确定装置，用于根据所述新增图形的类型从多个图形分组中确定出与所述新增图形对应的动画，所述图形分组是预先设定的；动画执行装置，用于执行所述新增图形对应的动画。利用本申请实施例，可以实现在不影响图表绘制逻辑的情况下图表对动画的支持。

Method and equipment for realizing unified animation of chart

The embodiment of the present invention discloses a method and a device for realizing the unified animation of diagrams, and relates to the technical field of graphs. The apparatus includes: a new instruction acquisition device for obtaining new graphical instruction information, the new instruction information including the types of new graphics animation; determining device according to the type of the new graphics from the multiple graphics group is determined and the corresponding new graphic animation, the graphics are pre grouping set animation; execution means for executing the new graphics corresponding animation. With this application, graphics support for animation can be achieved without affecting the drawing logic of the diagram.

【技术实现步骤摘要】
一种图表统一动画的实现方法以及设备
本申请涉及图表
，尤其涉及一种图表统一动画的实现方法以及设备。
技术介绍
目前，在实现图表的过程中有几个环节需要有动画生成，如：(1)、入场动画。图表生成时，对应的图形需要存在入场动画，以气泡图为例，气泡需要从小到大生成。(2)、过渡动画。当数据发生变化时，图表的图形、坐标轴上的文本需要进行动画。(3)、图表类型切换时不同类型图形间的动画。例如：从点图切换到柱状图，从柱状图切换到饼图时，每个柱子和饼图圆弧之间的动画。现有技术的解决方案是所有的动画都单独去实现，所有的图表在初始化时、过度时都各自定义自己的动画，坐标轴上的文本移动也都定制自己的动画，在代码层次各自调用动画。例如：//初始化时varshape＝group.addShape(circle,{x:100,y:100,r:0})；//初始化时半径为0shape.animate({r:10})；//执行动画到半径为10//数据改变时for(varshapeingroup){shape.animate({r:100,x:50,y:50})；}(4)、图形间的切换动画。目前很少有图表实现，即使本文档来自技高网...

【技术保护点】
一种图表统一动画的实现方法，其特征在于，所述方法包括：获取新增图形指令信息，所述新增图形指令信息包括新增图形的类型；根据所述新增图形的类型从多个图形分组中确定出与所述新增图形对应的动画，所述图形分组是预先设定的；执行所述新增图形对应的动画。

【技术特征摘要】
1.一种图表统一动画的实现方法，其特征在于，所述方法包括：获取新增图形指令信息，所述新增图形指令信息包括新增图形的类型；根据所述新增图形的类型从多个图形分组中确定出与所述新增图形对应的动画，所述图形分组是预先设定的；执行所述新增图形对应的动画。2.根据权利要求1所述的方法，其特征在于，所述图形分组包括多个原始图形以及与所述原始图形对应的动画，不同的图形分组的原始图形的类型不同。3.根据权利要求2所述的方法，其特征在于，根据所述新增图形的类型从图形分组中确定出与所述新增图形对应的动画包括：从多个图形分组中筛选出一个图形分组，称为目标图形分组，所述目标图形分组包括的原始图形的类型与所述新增图形的类型一致；从所述目标图形分组中获取与所述原始图形对应的动画，作为所述新增图形对应的动画。4.根据权利要求2所述的方法，其特征在于，所述方法还包括：获取更新图形指令信息，所述更新图形指令信息包括更新图形的类型以及所述更新图形对应的数据；根据所述更新图形的类型、所述更新图形对应的数据以及所述图形分组进行图形更新。5.根据权利要求4所述的方法，其特征在于，根据所述更新图形的类型、所述更新图形对应的数据以及所述图形分组进行图形更新包括：当所述更新图形的类型与所述图形分组中原始图形的类型一致时，根据所述更新图形对应的数据确定所述更新图形的数量；判断所述更新图形的数量与所述原始图形的数量是否一致；当判断为是时，根据所述更新图形对应的数据确定与所述更新图形对应的原始图形；将每个所述更新图形以及对应的原始图形一对一进行动画。6.根据权利要求5所述的方法，其特征在于，根据所述更新图形的类型、所述更新图形对应的数据以及所述图形分组进行图形更新还包括：判断所述更新图形的数量是否小于所述原始图形的数量；当判断为是时，根据所述更新图形对应的数据确定与所述更新图形对应的原始图形；将每个所述更新图形以及对应的原始图形一对一进行动画；删除未对应的原始图形以及与所述未对应的原始图形对应的动画。7.根据权利要求5所述的方法，其特征在于，根据所述更新图形的类型、所述更新图形对应的数据以及所述图形分组进行图形更新还包括：判断所述更新图形的数量是否大于所述原始图形的数量；当判断为是时，根据所述更新图形对应的数据确定与所述更新图形对应的原始图形；将每个所述更新图形以及对应的原始图形一对一进行动画；根据预先设定的与所述更新图形对应的规则对未对应的更新图形进行图形补充。8.根据权利要求5或6或7任意一项所述的方法，其特征在于，根据所述更新图形对应的数据确定与所述更新图形对应的原始图形包括：获取所述更新图形对应的数据中的字段ID；根据所述字段ID确定所述更新图形的哈希值；从所述图形分组中获取出哈希值与所述更新图形的哈希值相同的原始图形，作为所述更新图形对应的原始图形。9.根据权利要求5或6或7任意一项所述的方法，其特征在于，根据所述更新图形对应的数据确定与所述更新图形对应的原始图形包括：根据所述更新图形对应的数据确定所述更新图形的顺序值；从所述图形分组中获取出顺序值与所述更新图形的顺序值相同的原始图形，作为所述更新图形对应的原始图形。10.根据权利要求4所述的方法，其特征在于，根据所述更新图形的类型、所述更新图形对应的数据以及所述图形分组进行图形更新包括：当所述更新图形的类型与所述图形分组中原始图形的类型不一致时，使用相同数量的点将所述更新图形以及所述原始图形转换为路径，所述路径由多个点构成；对每个所述路径的点进行动画。...

【专利技术属性】
技术研发人员：董晓庆，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY