[发明专利]一种数据绘制方法和装置

说明书

技术领域

本发明涉及通信技术领域，具体涉及一种数据绘制方法和装置。

背景技术

HTML5是HTML(Hyper Text Markup Language，超文本标记语言)最新的修订版本，简称H5，2014年10月由万维网联盟(W3C)完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。

Canvas为h5提供的一种高效绘图画布，可使用JavaScript脚本在网页上绘制图形，例如，画图，合成照片，创建动画甚至实时视频处理与渲染等。

在对现有技术的研究和实践过程中，本发明的发明人发现，由于Canvas绘制数据的图像时需要在绘制完所有待绘制数据的图像之后，才会显示数据的图像，因此，在利用Canvas绘制大量数据的图像时绘制数据图像的时间比较长，会导致数据图像的显示时间较长和出现明显的显示延迟。

发明内容

本发明实施例提供一种数据绘制方法和装置，可以解决在利用Canvas绘制大量数据的图像时绘制数据图像的时间比较长，会导致数据图像的显示时间较长和出现明显的显示延迟的技术问题。

本发明实施例提供一种数据绘制方法，包括：

在浏览器上设置多个绘图画布；

获取多个待绘制数据，并对所述多个待绘制数据进行分组，以得到多个数据组，其中，所述数据组由至少一个待绘制数据组成，且数量与所述绘图画面的数量相等；

分别为所述每个所述绘图画布分配对应的所述数据组，其中，一个所述数 据组对应一个所述绘图画布；

采用所述绘图画布对与其对应的数据组进行图像绘制。

相应的，本发明实施例还提供一种数据绘制装置，包括：

设置单元，用于在浏览器上设置多个绘图画布；

分组单元，用于获取多个待绘制数据，并对所述多个待绘制数据进行分组，以得到多个数据组，其中，所述数据组由至少一个待绘制数据组成，且数量与所述绘图画面的数量相等；

分配单元，用于分别为所述每个所述绘图画布分配对应的所述数据组，其中，一个所述数据组对应一个所述绘图画布；

绘制单元，用于采用所述绘图画布对与其对应的数据组进行图像绘制。

本发明实施例采用在浏览器上设置多个绘图画布，然后，获取多个待绘制数据，并对该多个待绘制数据进行分组，以得到多个数据组，其中，该数据组由至少一个待绘制数据组成，且数量与该绘图画面的数量相等，分别为每个该绘图画布分配对应的数据组，其中，一个数据组对应一个绘图画布，采用该绘图画布对与其对应的数据组进行图像绘制；由于该方案可以将所有待绘制数据划分成多组数据，并采用多个绘图画布分别对多组待绘制数据进行绘制，缩短了绘图画布(比如canvas)绘制数据图像的时间，相对于现有技术而言，缩短了数据图像的显示时间，减缓了显示延迟。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例一提供的数据绘制方法的流程图；

图2是本发明实施例二提供的数据绘制方法的另一流程图；

图3是本发明实施例三提供的数据绘制装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供一种数据绘制方法和装置。以下将分别进行详细说明。

实施例一、

本实施例将从数据绘制装置的角度进行描述，该数据绘制装置具体可以集成在终端或其他需要进行数据绘制的设备中。

一种数据绘制方法，其特征在于，包括：采用在浏览器上设置多个绘图画布，然后，获取多个待绘制数据，并对该多个待绘制数据进行分组，以得到多个数据组，其中，该数据组由至少一个待绘制数据组成，且数量与该绘图画面的数量相等，分别为每个该绘图画布分配对应的数据组，其中，一个数据组对应一个绘图画布，采用该绘图画布对与其对应的数据组进行图像绘制。

如图1所示，该数据绘制的具体流程可以如下：