CN111667546A - 趋势画面的绘制方法及装置、电子设备、存储介质 - Google Patents
趋势画面的绘制方法及装置、电子设备、存储介质 Download PDFInfo
- Publication number
- CN111667546A CN111667546A CN202010512573.8A CN202010512573A CN111667546A CN 111667546 A CN111667546 A CN 111667546A CN 202010512573 A CN202010512573 A CN 202010512573A CN 111667546 A CN111667546 A CN 111667546A
- Authority
- CN
- China
- Prior art keywords
- data
- processed
- canvas
- screen
- data type
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Image Generation (AREA)
Abstract
本申请提供了一种趋势画面的绘制方法及装置、电子设备、存储介质,所述方法包括:实时接收用于绘制趋势画面的待处理数据;判断所述待处理数据是否属于第一数据类型;其中,所述第一数据类型为局部不变,但整体存在变化的数据;若判断出所述待处理数据属于第一数据类型,则将所述待处理数据绘制在离屏画布上,得到预渲染绘图;若判断出所述待处理数据不属于第一数据类型,则将所述待处理数据绘制在任意一个预设的屏幕画布上;其中,至少预设有一个屏幕画布,所述屏幕画布上的绘图显示于屏幕上;将所述离屏画布上的所述预渲染绘图以及各个所述屏幕画布上的绘图,合并到一个屏幕画布上,得到趋势画面。解决了网页端绘制趋势画面性能不足的问题。
Description
技术领域
本申请涉及生产绘图技术领域,特别涉及一种趋势画面的绘制方法及装置、电子设备、存储介质。
背景技术
生产监系统控旨在帮助企业实时掌握工厂、车间、生产线的实施生产状况。其中,将生产过程中的各设备的关键指标数据绘制成趋势画面,是一种对关键生产指标进行监控、对比分析、偏差评估的重要手段。
传统的生产监控系统大多采用非网页技术,所以趋势画面只能对本地的生产数据进行分析,不利于远程监控的实现。随着工业互联网时代的来临,远程监控分析成为不可避免的需求,因此基于网页端绘制趋势画面的方式应运而生。
但是,网页端受浏览器性能的限制,在绘制趋势画面时存在明显的性能不足的问题,所以无法对大量的数据进行实时计算分析。但是随着工业现代化程度的不断推进,生产数据的产生量不断增加,如何解决通过网页端绘制数据量庞大的趋势画面时,存在的性能不足的问题显得越来越重要。
发明内容
基于上述现有技术的不足,本发明提供了一种趋势画面的绘制方法及装置、电子设备、存储介质,以解决现有技术通过网页端绘制趋势缓慢存在性能不足的问题。
为了实现上述目的,本申请提供了以下技术方案:
本申请第一方面提供了一种趋势画面的绘制方法,包括:
实时接收用于绘制趋势画面的待处理数据;
判断所述待处理数据是否属于第一数据类型;其中,所述第一数据类型为局部不变,但整体存在变化的数据;
若判断出所述待处理数据属于第一数据类型,则将所述待处理数据绘制在离屏画布上,得到预渲染绘图;
若判断出所述待处理数据不属于第一数据类型,则将所述待处理数据绘制在任意一个预设的屏幕画布上;其中,至少预设有一个所述屏幕画布,所述屏幕画布上的绘图显示于屏幕上;
将所述离屏画布上的所述预渲染绘图以及各个所述屏幕画布上的绘图,合并到一个所述屏幕画布上,得到所述趋势画面。
可选地,在上述的趋势画面的绘制方法中,所述预设的屏幕画布包括主画布和静态画布;其中,所述将所述待处理数据绘制在屏幕画布上,包括:
若所述待处理数据属于实时变动的数据类型,则将所述待处理数据绘制在所述主画布上;
若所述待处理数据属于静态不变的数据类型,则将所述待处理数据绘制在所述静态画布上。
可选地,在上述的趋势画面的绘制方法中,所述将所述离屏画布上的所述预渲染绘图以及各个所述屏幕画布上的绘图,合并到一个所述屏幕画布上,得到所述趋势画面,包括:
定时将所述离屏画布上的所述预渲染绘图更新至所述主画布中;
当绘制完所有所述趋势画面的所述待处理数据后,将所述静态画布上的绘图叠加至所述主画布中,得到所述趋势画面。
可选地,在上述的趋势画面的绘制方法中,所述判断所述待处理数据是否属于第一数据类型,包括:
确定所述待处理数据在所述趋势画面中的坐标值;
判断所述坐标值是否落在预设的所述第一数据类型对应的区域内;
其中,若判断出所述坐标值落在预设的所述第一数据类型对应的区域内,则判断出所述待处理数据属于第一数据类型;若判断出所述坐标值不落在预设的所述第一数据类型对应的区域内,则判断出所述待处理数据部不属于第一数据类型。
本申请第二方面提供了一种趋势画面的绘制装置,包括:
接收单元,用于实时接收用于绘制趋势画面的待处理数据;
第一判断单元,用于判断所述待处理数据是否属于第一数据类型;其中,所述第一数据类型为局部不变,但整体存在变化的数据;
第一绘制单元,用于在所述第一判断单元判断出所述待处理数据属于第一数据类型时,将所述待处理数据绘制在离屏画布上,得到预渲染绘图;
第二绘制单元,用于在所述第一判断单元判断出所述待处理数据不属于第一数据类型时,将所述待处理数据绘制在任意一个预设的屏幕画布上;其中,至少预设有一个所述屏幕画布,所述屏幕画布上的绘图显示于屏幕上;
合并单元,用于将所述离屏画布上的所述预渲染绘图以及各个所述屏幕画布上的绘图,合并到一个所述屏幕画布上,得到所述趋势画面。
可选地,在上述的趋势画面的绘制装置中,所述预设的屏幕画布包括主画布和静态画布;其中,所述第二绘制单元,包括:
第三绘制单元,用于在所述待处理数据属于实时变动的数据类型时,将所述待处理数据绘制在所述主画布上;
第四绘制单元,用于在所述待处理数据属于静态不变的数据类型时,将所述待处理数据绘制在所述静态画布上。
可选地,在上述的趋势画面的绘制装置中,所述将合并单元,包括:
更新单元,用于定时将所述离屏画布上的所述预渲染绘图更新至所述主画布中;
叠加单元,用于当绘制完所有所述趋势画面的所述待处理数据后,将所述静态画布上的绘图叠加至所述主画布中,得到所述趋势画面。
可选地,在上述的趋势画面的绘制装置中,所述第一判断单元,包括:
确定单元,用于确定所述待处理数据在所述趋势画面中的坐标值;
第一判断子单元,用于判断所述坐标值是否落在预设的所述第一数据类型对应的区域内;
其中,若所述第一判断子单元判断出所述坐标值落在预设的所述第一数据类型对应的区域内,则所述待处理数据属于第一数据类型;若所述第一判断子单元判断出所述坐标值不落在预设的所述第一数据类型对应的区域内,则所述待处理数据部不属于第一数据类型。
本申请第三方面提供了一种电子设备,包括:
一个或多个处理器;
存储器,其上存储有一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如上述任意一项所述的趋势画面的绘制方法。
本申请第四方面提供了一种存储介质,用于存储程序,所述程序被执行时,用于实现如上述任意一项所述的趋势画面的绘制方法。
本申请提供的一种趋势画面的绘制方法,通过实时接收用于绘制趋势画面的待处理数据,然后判断接收到的待处理数据是否属于第一数据类型;其中,第一数据类型为局部不变,但整体存在变化的数据;若判断出待处理数据属于第一数据类型,则将待处理数据绘制在离屏画布上,从而将部分待处理数据先进行离屏渲染,得到预渲染绘图。对于不属于第一数据类型的待处理数据,则正常地绘制在任意一个预设的屏幕画布上,最后再将离屏画布上的预渲染绘图以及各个屏幕画布上的绘图,合并到一个屏幕画布上,得到趋势画面,由于将部分待处理数据进行离屏缓存,从而减少了绘制在屏幕画布上的数据量,并且离屏渲染的可以进行预渲染绘图批量处理,所以可以有效地解决网页端绘制趋势画面时的性能不足的问题。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请实施例提供的一种趋势画面的绘制方法的流程示意图;
图2为本申请另一实施例提供的另一种趋势画面的绘制方法的流程示意图;
图3为本申请另一实施例提供的一种趋势画面的绘制装置的结构示意图;
图4为本申请另一实施例提供的一种第二绘制单元的结构示意图;
图5为本申请另一实施例提供的一种合并单元的结构示意图;
图6为本申请另一实施例提供的一种第一判断单元的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本申请中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本申请实施例提供了一种趋势画面的绘制方法,如图1所示,包括:
S101、实时接收用于绘制趋势画面的待处理数据。
首先需要说明的是,本申请实施例提供的趋势画面的绘制方法,主要应用于网页端,以在存在海量的生产数据时,也可以通过网页端绘制出趋势画面,实现对生产状况的实时远程监控。
其中,待处理数据指的是用于绘制出趋势画面的所有数据,并不仅仅只是包括用于绘制趋势曲线的生产数据,还包括有用于绘制趋势画面中的背景、时间轴等其他部分的数据。由于生产数据是不断地产生的,所以本申请实施例中,实时接收用于绘制趋势画面的待处理数据,从而及时地绘制出当前的趋势画面,以能及时监控当前的生产状况。一个趋势画面指的是反应一个指定时间段内的生产趋势的画面。其中,指定时间段可以是一天或者一个生产周期等。
S102、判断待处理数据是否属于第一数据类型,第一数据类型为局部不变,但整体存在变化的数据。
在现有技术中,是将所有的待处理数据直接绘制在屏幕上,所以在待处理数据的数据量比较大时,浏览器的数据处理性能可能无法满足需求。在本申请实施例所提供的趋势画面的绘制方法中,则是将部分待处理数据进行预渲染,再将预渲染的绘图中的像素批量的更新至屏幕上,从而提高浏览器对于待处理数据的处理能力。
由于,待处理数据中实时变动的数据处于实时变动的,需要不断地重新进行渲染,所以对这类型的待处理数据进行预渲染,并不能有效地提高数据处理性能,而完全不改变的待处理数据在用于绘制趋势画面的所有待处理数据中的占比非常低,所以对这类型的待处理数据进行预渲染,也无法改善数据处理性能。因此,本申请实施例中对局部不变,但整体存在变化的数据进行预渲染,该类型的待处理数据的数据量较多,并且局部没有变动,所以不需要频繁地重新进行预渲染,例如,为了将趋势画面中的趋势曲线,直观地划分多个时间段的趋势曲线,多个不同时间段的趋势曲线的曲线背景需要设置为不同的颜色,则用于绘制的曲线背景的待处理数据,就属于局部不变,但整体存在变化的数据,在一个时间段内用于绘制曲线背景的待处理数据是不变的,而不同时间段内用于绘制曲线背景的待处理数据是变化的。
因此,本申请实施例中,在接收到用于绘制趋势画面的待处理数据后,首先需要先判断待处理数据的数据类型是否属于第一数据类型,即判断待处理数据是否属于局部不变,但整体存在变化的数据。若判断出待处理数据的属于第一数据类型,则执行步骤S103,若判断出待处理数据的不属于第一数据类型,则执行步骤S104。
S103、将待处理数据绘制在离屏画布上,得到预渲染绘图。
需要说明的是,将待处理数据绘制在离屏画布上,就是相当于基于待处理数据进行离屏渲染。离屏渲染主要区别于当前屏幕渲染,当前屏幕渲染是在当前用于显示的屏幕缓存区中进行渲染操作,在渲染过程中所渲染得到的图画会直接显示在当前屏幕中,而离屏渲染则是额外开辟一个新的缓冲区进行渲染操作,渲染得到的图片并不会直接显示在当前屏幕中,在渲染结束得到预渲染绘图后,再将预渲染绘图进行显示。
本申请实施例中,将属于第一类型的待处理数据,绘制在离屏画布,得到预渲染绘图,以实现对第一类型的待处理数据所对应的绘图的预渲染。
S104、将待处理数据绘制在任意一个预设的屏幕画布上。
其中,至少预设有一个屏幕画布。屏幕画布上的绘图显示于屏幕上,即屏幕画布为正常进行绘制渲染的画布,当待处理数据绘制于屏幕画布上,则所绘制出的绘图也会相应地显示在当前屏幕中。
需要说明的是,本申请实施例中的屏幕画布可以只有一个,将所有不属于第一数据类型的待处理数据都绘制同一个屏幕画布上。也可以是设置有多个屏幕画布,将不属于第一数据类型的待处理数据绘制到多个屏幕画布上。由于不属于第一数据类型的待处理数据的数据量相对较大,所以设置多个屏幕画布,可以实现对不属于第一数据类型的待处理数据的分层绘制,从而可以进一步提高网页端的性能。
S105、将离屏画布上的预渲染绘图以及各个屏幕画布上的绘图,合并到一个屏幕画布上,得到趋势画面。
由于,离屏画布上的预渲染绘图并不能直接显示在屏幕上,所以需要将离屏画布上的预渲染绘图更新至屏幕画布上,以能在屏幕上显示出预渲染绘图。需要说明的是,显示器对于预渲染绘图中的点的处理是批量处理的,所以处理的效率远大于未经过预渲染的待处理数据,因此通过引入离屏画布进行预渲染,可以有效地提高数据的处理性能。
由于,最后需要呈现给用户的是一个完整的趋势画面,所以若屏幕画布存在多个,则在将离屏画布上的预渲染绘图处理到屏幕画布的同时,还需要将各个屏幕画布上绘图叠加到同一个屏幕画布上,即将所有画布上的绘图共同合并到一个屏幕画布上,从而在屏幕上显示出一个完整的趋势画面。
本申请实施例提供的一种趋势画面的绘制方法,通过实时接收用于绘制趋势画面的待处理数据,然后判断接收到的待处理数据是否属于第一数据类型;其中,第一数据类型为局部不变,但整体存在变化的数据;若判断出待处理数据属于第一数据类型,则将待处理数据绘制在离屏画布上,从而将部分待处理数据先进行离屏渲染,得到预渲染绘图。对于不属于第一数据类型的待处理数据,则正常地绘制在任意一个预设的屏幕画布上,最后再将离屏画布上的预渲染绘图以及各个屏幕画布上的绘图,合并到一个屏幕画布上,得到趋势画面,由于将部分待处理数据进行离屏缓存,从而减少了绘制在屏幕画布上的数据量,并且离屏渲染的可以进行预渲染绘图批量处理,所以可以有效地提高网页端绘制趋势画面时的数据处理性能。
本申请另一实施例提供了另一种趋势画面的绘制方法,如图2所示,具体包括:
S201、实时接收用于绘制趋势画面的待处理数据。
需要说明的是,步骤S201的具体实施过程可相应地参考上述方法实施例中的步骤S101,此处不再赘述。
S202、确定待处理数据在趋势画面中的坐标值。
其中,待处理数据在趋势画面中的坐标值也就是待处理数据在整个趋势画面中所被绘制的位置的坐标值。
S203、判断该坐标值是否落在预设的第一数据类型对应的区域内。
由于,属于同一类型的待处理数据通常都绘制在一定的相同区域内,所以在本申请实施例中,所根据属于第一数据类型的待处理数据所要绘制的区域,设置该部分区域与第一数据类型的对应关系。因此,若判断出待处理数据对应的坐标值落在预设的第一数据类型对应的区域内,则确定该待处理数据属于第一数据类型,所以此时执行步骤S204;若判断出待处理数据对应的坐标值不落在预设的第一数据类型对应的区域内,则确定待处理数据部不属于第一数据类型,此时执行步骤S205。
S204、将待处理数据绘制在离屏画布上,得到预渲染绘图。
需要说明的是,步骤S204的具体实施过程可相应地参考上述方法实施例中的步骤S103,此处不再赘述。
S205、判断待处理数据是否属于实时变动的数据类型。
需要说明的是,在本申请实施例中,屏幕画布设置有两个,分别为主画布和静态画布。主画布用于绘制属于实时变动的数据类型的待处理数据,例如用于绘制趋势曲线的待处理数据。静态画布则用于绘制属于静态不变的数据类型的待处理数据,例如,用于绘制整个趋势画面的背景、网格的待处理数据。由于,属于静态不变的数据类型的待处理数据在绘制一次后,后续不需要再进行重新渲染,所以本申请实施例中,单独将属于静态不变的数据类型的待处理数据绘制在一个画布上,而将需要不断进行重新渲染的、属于实时变动的数据类型的待处理数据绘制在另一个画布上,从而减少重复渲染的工作量,提高数据处理性能。
因此,在确定待处理数据不属于第一数据类型后,判断待处理数据是否属于实时变动的数据类型,若判断待处理数据属于实时变动的数据类型,则执行步骤S206;若判断出待处理数据不属于实时变动的数据类型,则说明待处理数据属于静态不变的数据类型,此时执行步骤S207。
可选地,同样可以是计算出待处理数据在趋势画面中的坐标值,并根据待处理数据对应的坐标值,确定待处理数据所要绘制的区域,然后通过判断该区域是属于实时变动的数据类型对应的区域,还是属于静态不变的数据类型对应的区域,来确定待处理数据是属于实时变动的数据类型,还是属于静态不变的数据类型。
还需要说明的是,步骤S205也可以换为判断待处理数据是否属于静态不变的数据类型,若是则执行步骤S207,若否则执行步骤S206。当然,在步骤S203判断出待处理数据不属于第一数据类型后,在执行步骤S205也只是其中一种可选的方式,只要能确定出待处理数据属于第一数据类型、实时变动的数据类型以及静态不变的数据类型中哪一种,从而确定待处理数据绘制在离屏画布、还是绘制主画布,又或者是绘制在静态画布上,其他的执行顺序也属于本申请的保护范畴。即具体可以是在接收到待处理数据后,确定待处理数据所述的数据类型,并根据确定出的待处理数据的数据类型,将待处理数据绘制在相应的画布上。
S206、将待处理数据绘制在主画布上。
实时变动的数据类型的待处理数据主要就是生产过程产生的数据,所以将属于实时变动的数据类型的待处理数据绘制在主画布上,可以在屏幕上实时向用户呈现当前的生成状况,便于用户对生产状况的监控。
S207、将待处理数据绘制在静态画布上。
S208、定时将离屏画布上的预渲染绘图更新至主画布中。
由于,绘制在离屏画布上的待处理数据属于局部不变,但整体存在变化的数据,所以本申请实施例定时将离屏画布上的预渲染绘图更新至主画布中,与主画布中的绘图进行叠加,从而便于及时地向用户呈现出趋势画面的变化情况。当然,这只是其中一种可选地方式,可以是在将所有的属于第一数据类型的待处理数据绘制完后,再将离屏画布上的预渲染绘图更新至主画布中。
S209、当绘制完所有趋势画面的待处理数据后,将静态画布上的绘图叠加至主画布中,得到趋势画面。
由于最终需要呈现给用户的一个完整的趋势画面,所以当确定绘制完所有趋势画面的待处理数据后,还需要将静态画布上的绘图叠加至主画布中,从而实现了将离屏画布、静态画布以及主画布的绘图进行结合,得到一个完整的趋势画面。当然,这只是其中一种可选地的方式,在绘制一个趋势画面时,只需要进行一次将静态画布上的绘图叠加至主画布中的操作,从而减少对资源的消耗。
本申请实施例提供的一种趋势画面的绘制方法,通过实时接收用于绘制趋势画面的待处理数据,然后判断接收到的待处理数据所属的数据类型;其中,数据类型包括第一数据类型、实时变动的数据类型以及静态不变的数据类型;第一数据类型为局部不变,但整体存在变化的数据。然后将属于第一数据类型的待处理数据绘制在离屏画布上,从而将部分待处理数据先进行离屏渲染,得到预渲染绘图;将属于实时变动的数据类型的待处理数据绘制在主画布上;将属于静态不变的数据类型的待处理数据绘制在静态画布上,从而实现了分层绘制。并且,定时将离屏画布上的预渲染绘图更新至主画布中,当绘制完所有趋势画面的待处理数据后,将静态画布上的绘图叠加至主画布中,得到趋势画面,从而实现了一种离屏缓存以及分层绘制的趋势画面的绘制方法,可以有效地提高网页端绘制趋势画面时的数据处理性能。
本申请另一实施例提供了一种趋势画面的绘制装置,如图3所示,具体包括:
接收单元301,用于实时接收用于绘制趋势画面的待处理数据。
第一判断单元302,用于判断待处理数据是否属于第一数据类型。
其中,第一数据类型为局部不变,但整体存在变化的数据。
第一绘制单元303,用于在第一判断单元303判断出待处理数据属于第一数据类型时,将待处理数据绘制在离屏画布上,得到预渲染绘图。
第二绘制单元304,用于在第一判断单元303判断出待处理数据不属于第一数据类型时,将待处理数据绘制在任意一个预设的屏幕画布上。其中,至少预设有一个屏幕画布,屏幕画布上的绘图显示于屏幕上。
合并单元305,用于将离屏画布上的预渲染绘图以及各个屏幕画布上的绘图,合并到一个屏幕画布上,得到趋势画面。
需要说明的是,本申请实施例中的上述单元的具体工作过程可相应地参考上述方法实施例中的步骤S101~步骤S105,此处不再赘述。
本申请实施例提供的一种趋势画面的绘制装置,通过接收单元实时接收用于绘制趋势画面的待处理数据,然后第一判断单元判断接收到的待处理数据是否属于第一数据类型;其中,第一数据类型为局部不变,但整体存在变化的数据;若判断出待处理数据属于第一数据类型,则第一绘制单元将待处理数据绘制在离屏画布上,从而将部分待处理数据先进行离屏渲染,得到预渲染绘图。对于不属于第一数据类型的待处理数据,则由第二绘制单元正常地绘制在任意一个预设的屏幕画布上,最后合并单元将离屏画布上的预渲染绘图以及各个屏幕画布上的绘图,合并到一个屏幕画布上,得到趋势画面,由于将部分待处理数据进行离屏缓存,从而减少了绘制在屏幕画布上的数据量,并且离屏渲染的可以进行预渲染绘图批量处理,所以可以有效地解决网页端绘制趋势画面时性能不足的问题。
可选地,本申请另一实施例中,所预设的屏幕画布包括主画布和静态画布;其中,第二绘制单元304,如图4所示,具体配置为:
第三绘制单元401,用于在待处理数据属于实时变动的数据类型时,将待处理数据绘制在主画布上。
第四绘制单元402,用于在待处理数据属于静态不变的数据类型时,将待处理数据绘制在静态画布上。
需要说明的是,第三绘制单元401和第四绘制单元402的具体工作过程可相应地参考上述方法实施例中的步骤S205~步骤S207,此处不再赘述。
可选地,本申请另一实施例提供的趋势画面的绘制装置中,将合并单元305,如图5所示,具体包括:
更新单元501,用于定时将离屏画布上的预渲染绘图更新至主画布中。
叠加单元502,用于当绘制完所有趋势画面的待处理数据后,将静态画布上的绘图叠加至主画布中,得到趋势画面。
需要说明的是,更新单元501和叠加单元502的具体工作过程可相应地参考上述方法实施例中的步骤S208和步骤S209,此处不再赘述。
可选地,本申请另一实施例提供的趋势画面的绘制装置中,第一判断单元302,如图6所示,包括:
确定单元601,用于确定待处理数据在趋势画面中的坐标值。
第一判断子单元602,用于判断坐标值是否落在预设的第一数据类型对应的区域内。
其中,若第一判断子单元602判断出坐标值落在预设的第一数据类型对应的区域内,则待处理数据属于第一数据类型;若第一判断子单元602判断出坐标值不落在预设的第一数据类型对应的区域内,则待处理数据部不属于第一数据类型。
需要说明的是,确定单元601和第一判断子单元602的具体工作过程可相应地参考上述方法实施例中的步骤S202和步骤S203,此处不再赘述。
本申请另一实施例提供了一种电子设备,包括:一个或多个处理器以及存储器。
其中,存储器上存储有一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如上述任意一个方法实施例所提供的趋势画面的绘制方法。
本申请另一实施例提供了一种存储介质,用于存储程序,所述程序被执行时,用于实现如上述任意一个方法实施例所提供的趋势画面的绘制方法。
专业人员还可以进一步意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种趋势画面的绘制方法,其特征在于,包括:
实时接收用于绘制趋势画面的待处理数据;
判断所述待处理数据是否属于第一数据类型;其中,所述第一数据类型为局部不变,但整体存在变化的数据;
若判断出所述待处理数据属于第一数据类型,则将所述待处理数据绘制在离屏画布上,得到预渲染绘图;
若判断出所述待处理数据不属于第一数据类型,则将所述待处理数据绘制在任意一个预设的屏幕画布上;其中,至少预设有一个所述屏幕画布,所述屏幕画布上的绘图显示于屏幕上;
将所述离屏画布上的所述预渲染绘图以及各个所述屏幕画布上的绘图,合并到一个所述屏幕画布上,得到所述趋势画面。
2.根据权利要求1所述的方法,其特征在于,所述预设的屏幕画布包括主画布和静态画布;其中,所述将所述待处理数据绘制在屏幕画布上,包括:
若所述待处理数据属于实时变动的数据类型,则将所述待处理数据绘制在所述主画布上;
若所述待处理数据属于静态不变的数据类型,则将所述待处理数据绘制在所述静态画布上。
3.根据权利要求2所述的方法,其特征在于,所述将所述离屏画布上的所述预渲染绘图以及各个所述屏幕画布上的绘图,合并到一个所述屏幕画布上,得到所述趋势画面,包括:
定时将所述离屏画布上的所述预渲染绘图更新至所述主画布中;
当绘制完所有所述趋势画面的所述待处理数据后,将所述静态画布上的绘图叠加至所述主画布中,得到所述趋势画面。
4.根据权利要求1所述的方法,其特征在于,所述判断所述待处理数据是否属于第一数据类型,包括:
确定所述待处理数据在所述趋势画面中的坐标值;
判断所述坐标值是否落在预设的所述第一数据类型对应的区域内;
其中,若判断出所述坐标值落在预设的所述第一数据类型对应的区域内,则判断出所述待处理数据属于第一数据类型;若判断出所述坐标值不落在预设的所述第一数据类型对应的区域内,则判断出所述待处理数据部不属于第一数据类型。
5.一种趋势画面的绘制装置,其特征在于,包括:
接收单元,用于实时接收用于绘制趋势画面的待处理数据;
第一判断单元,用于判断所述待处理数据是否属于第一数据类型;其中,所述第一数据类型为局部不变,但整体存在变化的数据;
第一绘制单元,用于在所述第一判断单元判断出所述待处理数据属于第一数据类型时,将所述待处理数据绘制在离屏画布上,得到预渲染绘图;
第二绘制单元,用于在所述第一判断单元判断出所述待处理数据不属于第一数据类型时,将所述待处理数据绘制在任意一个预设的屏幕画布上;其中,至少预设有一个所述屏幕画布,所述屏幕画布上的绘图显示于屏幕上;
合并单元,用于将所述离屏画布上的所述预渲染绘图以及各个所述屏幕画布上的绘图,合并到一个所述屏幕画布上,得到所述趋势画面。
6.根据权利要求5所述的装置,其特征在于,所述预设的屏幕画布包括主画布和静态画布;其中,所述第二绘制单元,包括:
第三绘制单元,用于在所述待处理数据属于实时变动的数据类型时,将所述待处理数据绘制在所述主画布上;
第四绘制单元,用于在所述待处理数据属于静态不变的数据类型时,将所述待处理数据绘制在所述静态画布上。
7.根据权利要求6所述的装置,其特征在于,所述将合并单元,包括:
更新单元,用于定时将所述离屏画布上的所述预渲染绘图更新至所述主画布中;
叠加单元,用于当绘制完所有所述趋势画面的所述待处理数据后,将所述静态画布上的绘图叠加至所述主画布中,得到所述趋势画面。
8.根据权利要求5所述的装置,其特征在于,所述第一判断单元,包括:
确定单元,用于确定所述待处理数据在所述趋势画面中的坐标值;
第一判断子单元,用于判断所述坐标值是否落在预设的所述第一数据类型对应的区域内;
其中,若所述第一判断子单元判断出所述坐标值落在预设的所述第一数据类型对应的区域内,则所述待处理数据属于第一数据类型;若所述第一判断子单元判断出所述坐标值不落在预设的所述第一数据类型对应的区域内,则所述待处理数据部不属于第一数据类型。
9.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储器,其上存储有一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如权利要求1至4任意一项所述的趋势画面的绘制方法。
10.一种存储介质,其特征在于,用于存储程序,所述程序被执行时,用于实现如权利要求1至4任意一项所述的趋势画面的绘制方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010512573.8A CN111667546B (zh) | 2020-06-08 | 2020-06-08 | 趋势画面的绘制方法及装置、电子设备、存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010512573.8A CN111667546B (zh) | 2020-06-08 | 2020-06-08 | 趋势画面的绘制方法及装置、电子设备、存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111667546A true CN111667546A (zh) | 2020-09-15 |
CN111667546B CN111667546B (zh) | 2023-07-18 |
Family
ID=72385830
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010512573.8A Active CN111667546B (zh) | 2020-06-08 | 2020-06-08 | 趋势画面的绘制方法及装置、电子设备、存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111667546B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114489910A (zh) * | 2022-02-10 | 2022-05-13 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
CN115080044A (zh) * | 2022-07-22 | 2022-09-20 | 浙江中控技术股份有限公司 | 一种组合组件的处理方法、装置、前端设备及存储介质 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100122192A1 (en) * | 2008-11-13 | 2010-05-13 | Todd Hanna | Dynamic data object insertion |
US20130050253A1 (en) * | 2011-08-29 | 2013-02-28 | Vmware, Inc. | Presenting dynamically changing images in a limited rendering environment |
US20130169644A1 (en) * | 2011-08-11 | 2013-07-04 | Dexdyne Limited | Apparatus and Method for Displaying Telemetry Data |
CN106780659A (zh) * | 2016-11-22 | 2017-05-31 | 四川九洲电器集团有限责任公司 | 一种二维态势图的生成方法及电子设备 |
CN106933207A (zh) * | 2015-10-09 | 2017-07-07 | 费希尔-罗斯蒙特系统公司 | 用于分布式工业性能监控的数据分析服务 |
CN106997348A (zh) * | 2016-01-22 | 2017-08-01 | 腾讯科技(深圳)有限公司 | 一种数据绘制方法和装置 |
WO2018034736A1 (en) * | 2016-08-18 | 2018-02-22 | Qualcomm Incorporated | Systems and methods for controlling webpage pre-rendering |
CN108665520A (zh) * | 2018-04-24 | 2018-10-16 | 微梦创科网络科技(中国)有限公司 | 一种页面动画渲染的方法及装置 |
CN109189650A (zh) * | 2018-08-21 | 2019-01-11 | 贵州电网有限责任公司 | 一种it运维系统的业务系统拓扑图展现方法 |
-
2020
- 2020-06-08 CN CN202010512573.8A patent/CN111667546B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100122192A1 (en) * | 2008-11-13 | 2010-05-13 | Todd Hanna | Dynamic data object insertion |
US20130169644A1 (en) * | 2011-08-11 | 2013-07-04 | Dexdyne Limited | Apparatus and Method for Displaying Telemetry Data |
US20130050253A1 (en) * | 2011-08-29 | 2013-02-28 | Vmware, Inc. | Presenting dynamically changing images in a limited rendering environment |
CN106933207A (zh) * | 2015-10-09 | 2017-07-07 | 费希尔-罗斯蒙特系统公司 | 用于分布式工业性能监控的数据分析服务 |
CN106997348A (zh) * | 2016-01-22 | 2017-08-01 | 腾讯科技(深圳)有限公司 | 一种数据绘制方法和装置 |
US20180082450A1 (en) * | 2016-01-22 | 2018-03-22 | Tencent Technology (Shenzhen) Company Limited | Data drawing method and apparatus, terminal, and storage medium |
WO2018034736A1 (en) * | 2016-08-18 | 2018-02-22 | Qualcomm Incorporated | Systems and methods for controlling webpage pre-rendering |
CN106780659A (zh) * | 2016-11-22 | 2017-05-31 | 四川九洲电器集团有限责任公司 | 一种二维态势图的生成方法及电子设备 |
CN108665520A (zh) * | 2018-04-24 | 2018-10-16 | 微梦创科网络科技(中国)有限公司 | 一种页面动画渲染的方法及装置 |
CN109189650A (zh) * | 2018-08-21 | 2019-01-11 | 贵州电网有限责任公司 | 一种it运维系统的业务系统拓扑图展现方法 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114489910A (zh) * | 2022-02-10 | 2022-05-13 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
CN114489910B (zh) * | 2022-02-10 | 2024-05-17 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
CN115080044A (zh) * | 2022-07-22 | 2022-09-20 | 浙江中控技术股份有限公司 | 一种组合组件的处理方法、装置、前端设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111667546B (zh) | 2023-07-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111667546B (zh) | 趋势画面的绘制方法及装置、电子设备、存储介质 | |
CN103631958B (zh) | 一种页面自动适配实现内容多屏展示的方法 | |
CN111274308A (zh) | 一种节点关系图的显示方法、装置及设备 | |
WO2015180448A1 (zh) | 移动终端播放方式切换方法、装置、存储介质和程序 | |
CN103544727B (zh) | 一种基于预测分支的场景渲染优化方法、系统和移动终端 | |
CN110471700B (zh) | 图形处理方法、装置、存储介质及电子设备 | |
CN114880742A (zh) | 一种面向webgl引擎的Revit模型轻量化方法 | |
CN115878935B (zh) | 一种图表的局部刷新方法、系统、装置、设备及介质 | |
CN102682463A (zh) | 基于Web Pseudo-3D的大规模数据可视化处理方法 | |
CN115952388A (zh) | 基于图像数据处理的卷积运算方法、装置、处理器及介质 | |
CN109800039B (zh) | 一种用户界面展示方法、装置、电子设备及存储介质 | |
CN112395073A (zh) | 一种面向较大矢量数据的高性能快速渲染方法 | |
CN113282290B (zh) | 一种对象渲染方法、装置、设备及存储介质 | |
CN116433816A (zh) | 一种提高web端canvas绘制性能的方法及装置 | |
KR101347178B1 (ko) | 벡터 이미지 드로잉 방법 및 그 장치 | |
CN114547495A (zh) | 一种页面加载方法、装置、设备及可读存储介质 | |
CN111681307B (zh) | 一种应用于三维软件的动态三维坐标轴的实现方法 | |
CN110580731B (zh) | 3d文字渲染方法、介质、设备及装置 | |
CN110909220A (zh) | 拓扑可视化方法及装置 | |
CN102866830A (zh) | 界面动态显示方法及装置 | |
CN101546316A (zh) | 屏幕绘制方法和装置 | |
CN110580274A (zh) | 一种gis数据渲染方法 | |
CN117472380B (zh) | 一种前端表单生成方法及系统 | |
CN105302582A (zh) | 安装界面展示方法及装置 | |
CN116702657B (zh) | 一种针对大规模网格的人机交互方法、装置、设备及介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |