一种图表动效配置方法、装置、设备及存储介质制造方法及图纸

技术编号:44562310 阅读:17 留言:0更新日期:2025-03-11 14:21
本申请公开了一种图表动效配置方法、装置、设备及存储介质,涉及数据处理技术领域。该方法包括:基于数据可视化图表库,根据目标界面的图表可视化区域,确定候选区块级容器,并在候选区块级容器中初始化待配置图表;其中,候选区块级容器是一个超文本标记语言的块级标签元素;基于数据可视化图表库,根据待配置图表,确定目标环形图表和目标环形图表的图表配置数据;基于层叠样式表,根据图表配置数据,为目标环形图表配置动效,得到目标区块级容器。上述技术方案,通过数据可视化图表库生成环形图表,并通过层叠样式表位环形图表配置动效,两者的结合使用,可以有效提高图表动效配置的效率和可靠性。

【技术实现步骤摘要】

本申请实施例涉及计算机,尤其涉及数据处理,具体涉及一种图表动效配置方法、装置、设备及存储介质


技术介绍

1、在实现可视化大屏构建的时候,如果需要实现沿着特定路径移动的飞线动效的时候,可以使用echarts(enterprise charts,数据可视化图表)生成指定图表;但echaets的使用方式较为有限,只能做到点到点的连线做飞线特效,不能为平滑折线图、地图边框、饼图等可视化图形设置飞线动效。

2、为解决这一问题,现有技术中通常会采用canvas(canvas element,画布元素)与echarts结合使用,以实现图表动效配置;虽然实现了更为复杂的动效配置,但canvas对代码、语法、机器性能等的要求较高,在处理简单动画时,效率较低。


技术实现思路

1、本申请提供了一种图表动效配置方法、装置、设备及存储介质,以提高图表动效配置的效率和可靠性。

2、根据本申请的一方面,提供了一种图表动效配置方法,该方法包括:

3、基于数据可视化图表库,根据目标界面的图表可视化区域,确本文档来自技高网...

【技术保护点】

1.一种图表动效配置方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述基于层叠样式表,根据所述图表配置数据,为所述目标环形图表配置动效,得到目标区块级容器,包括:

3.根据权利要求2所述的方法,其特征在于,所述图表配置数据包括图表圆心位置、所述图表可视化区域的宽度和高度;所述伪元素配置数据包括伪元素圆心位置和伪元素旋转半径;相应的,所述基于层叠样式表,根据所述图表配置数据,确定伪元素配置数据,包括:

4.根据权利要求2所述的方法,其特征在于,在根据所述图表配置数据,为所述目标环形图表配置动效,得到目标区块级容器之后,所述方法还包括...

【技术特征摘要】

1.一种图表动效配置方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述基于层叠样式表,根据所述图表配置数据,为所述目标环形图表配置动效,得到目标区块级容器,包括:

3.根据权利要求2所述的方法,其特征在于,所述图表配置数据包括图表圆心位置、所述图表可视化区域的宽度和高度;所述伪元素配置数据包括伪元素圆心位置和伪元素旋转半径;相应的,所述基于层叠样式表,根据所述图表配置数据,确定伪元素配置数据,包括:

4.根据权利要求2所述的方法,其特征在于,在根据所述图表配置数据,为所述目标环形图表配置动效,得到目标区块级容器之后,所述方法还包括:

5.根据权利要求1所述的方法,其特...

【专利技术属性】
技术研发人员:吴文君张二青
申请(专利权)人:杭州浩联智能科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1