[发明专利]一种可视化图像的更新方法、装置、电子装置和存储介质

说明书

本申请涉及一种可视化图像的更新方法、装置、电子装置和存储介质，其中，该方法包括：获取可视化图像以及可视化图像的对象树，其中，可视化图像包括层级关系由下至上的绘制基类、容器类和舞台类交互对象，对象树依据交互对象的层级关系生成；获取操作可视化图像中的交互对象所产生的交互操作信息，并将对象树中被操作的交互对象以及与被操作的交互对象具有继承关系的上级交互对象的状态标记为第一状态；根据交互操作信息，重绘被标记为第一状态的所有的交互对象，得到更新后的可视化图像。通过本申请，解决了可视化图像的更新时，由于计算量大使性能很容易陷入瓶颈的问题，减少重新绘制可视化图像的性能消耗。

技术领域

本申请涉及计算机技术领域，特别是涉及可视化图像的更新方法、装置、电子装置和存储介质。

背景技术

术语解释：

可伸缩矢量图形(Scalable Vector Graphics，简称为SVG)技术用来定义用于网络的基于矢量的图形，它使用XML格式定义图形，图像在放大或改变尺寸的情况下其图形质量不会有所损失，是万维网联盟的标准，与诸如DOM和XSL之类的W3C标准是一个整体。

随着数字经济的发展，数据作为一种重要的资产，已经变得越来越重要。其中，作为数据分析和数据利用的重要一环，数据可视化变得越来越重要。其中对于web端的数据可视化开发者而言，一些和业务紧紧相关的，需要高度定制的图表工作逐渐增多，需要有一套高效的数据可视化开发方法。

目前市面上可视化图像的更新方法主要包括：d3(data driven document)，即数据驱动文档，是一种基于SVG技术的矢量图形库，其显著的特点在于，熟悉h5、SVG技术的开发人员可以迅速上手，脱胎于jquery时代的函数链式调用的使用方式，具有灵活度较高的定制能力，主要提供了一系列的函数库。

目前的技术方案中，d3开发模式更新可视化图像时，存在计算量大、使性能上很容易陷入瓶颈的问题。

发明内容

本申请实施例提供了一种可视化图像的更新方法、装置、电子装置和存储介质，以至少解决相关技术中d3开发模式更新可视化图像时存在计算量大的问题。

第一方面，本申请实施例提供了一种可视化图像的更新方法，包括：获取可视化图像以及可视化图像的对象树，其中，可视化图像包括层级关系由下至上的绘制基类、容器类和舞台类交互对象，对象树依据交互对象的层级关系生成；

获取操作可视化图像中的交互对象所产生的交互操作信息，并将对象树中被操作的交互对象以及与被操作的交互对象具有继承关系的上级交互对象的状态标记为第一状态；

根据交互操作信息，重绘被标记为第一状态的所有的交互对象，得到更新后的可视化图像。

在其中一些实施例中，在重绘被标记为第一状态的所有的交互对象后包括：将对象树中重绘的交互对象的状态标记为第二状态。

在其中一些实施例中，交互操作信息包括：交互对象的属性，和/或交互对象的参数信息。

在其中一些实施例中，重绘被标记为第一状态的所有的交互对象包括：

从绘制基类一层开始判断是否标记为第一状态，若是，标记为第一状态的绘制基类被重新绘制，并依据可视化图像的层级关系重新绘制被标记为第一状态的上级交互对象；判断标记为第一状态的舞台类是否被重新绘制，若是，结束重新绘制过程。

在其中一些实施例中，将对象树中被操作的交互对象以及与被操作的交互对象具有继承关系的上级交互对象的状态标记为第一状态包括：判断在被操作前后对象树中被操作的交互对象的属性和/或参数信息是否相同，若不相同，则将对象树中被操作的交互对象以及与被操作的交互对象具有继承关系的上级交互对象的状态标记为第一状态。