CN107102832B - 图表中图形的显示方法及装置 - Google Patents

图表中图形的显示方法及装置 Download PDF

Info

Publication number
CN107102832B
CN107102832B CN201610094891.0A CN201610094891A CN107102832B CN 107102832 B CN107102832 B CN 107102832B CN 201610094891 A CN201610094891 A CN 201610094891A CN 107102832 B CN107102832 B CN 107102832B
Authority
CN
China
Prior art keywords
painting canvas
preset
color
initial
display
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.)
Active
Application number
CN201610094891.0A
Other languages
English (en)
Other versions
CN107102832A (zh
Inventor
董晓庆
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201610094891.0A priority Critical patent/CN107102832B/zh
Publication of CN107102832A publication Critical patent/CN107102832A/zh
Application granted granted Critical
Publication of CN107102832B publication Critical patent/CN107102832B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros

Abstract

本发明公开了一种图表中图形的显示方法及装置,涉及信息技术领域,可以提高对图表中被选中图形的显示效率,降低被选中图形的显示复杂度,进而避免了在对图表中被选中的图形进行显示时存在的显示卡顿问题。本发明的主要技术方案为:当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息,然后根据被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形,并在所述预置画布中对所述图形对应的显示状态信息进行配置,最后同时显示所述初始画布和所述预置画布。本发明主要用于对图表中被选中的图形进行显示。

Description

图表中图形的显示方法及装置
技术领域
本发明涉及信息技术领域,尤其涉及一种图表中图形的显示方法及装置。
背景技术
图表是对数据进行可视化展示的重要手段之一,通过图表中的不同图形可以对不同数据进行可视化展示,而图表上的图形通常是通过画布进行承载展示的。其中,画布为承载待显示图表中图形的图层。为了通过图表对数据进行更好的可视化展示,可以对图表中用户选中的图形进行特殊显示,例如,当用户通过移动鼠标选中图表中的某一个图形时,可以对该图形进行高亮显示。
目前,每一次在对图表对应的画布上用户选中的图形进行特殊显示时,都需要对图表对应的整个画布进行重新绘制,即对画布中该图表的所有图形进行重新配置。由于图表中通常包含的图形数量众多,并且用户对图形的选择切换频率较高,因此会造成画布的重新绘制频率较高,并且每一次重新绘制画布时,重新配置的图形数量较大,进而导致在对图表中被选中的图形进行特定显示时,存在显示卡顿的问题。
发明内容
有鉴于此,本发明实施例提供一种图表中图形的显示方法及装置,主要目的是解决在对图表中被选中的图形进行显示时存在显示卡顿的问题。
为达到上述目的,本发明提供如下技术方案:
一方面,本发明提供一种图表中图形的显示方法,包括:
当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息,所述初始画布中配置有所述图表对应的全部图形;
根据被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形,并在所述预置画布中对所述图形对应的显示状态信息进行配置,所述预置画布设置在所述初始画布的上方,并且与所述初始画布重叠;
同时显示所述初始画布和所述预置画布。
另一方面,本发明提供一种图表中图形的显示装置,包括:
获取单元,用于当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息,所述初始画布中配置有所述图表对应的全部图形;
绘制单元,用于根据所述获取单元获取的被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形;
配置单元,用于在所述预置画布中对所述图形对应的显示状态信息进行配置,所述预置画布设置在所述初始画布的上方,并且与所述初始画布重叠;
显示单元,用于同时显示所述初始画布和所述预置画布。
借由上述技术方案,本发明实施例提供的技术方案至少具有下列优点:
本发明实施例提供的一种图表中图形的显示方法及装置,当需要对图表中被选中的图形进行突出显示时,首先根据被选中的图形在所述初始画布中的位置信息,在预置画布上对被选中的图形进行绘制并进行显示状态信息的调整,然后通过同时显示所述初始画布和所述预置画布,实现了对图表中被选中的图形进行突出显示。与目前每一次在对图表对应的画布上用户选中的图形进行突出显示时,都需要对图表对应的整个画布进行重新绘制,即对画布中该图表的所有图形进行重新绘制相比,本发明由于只需要在新增画布上对被选中的图形进行绘制与显示状态信息的调整,即可完成对被选中的图形的突出显示,从而提高了对图表中被选中图形的显示效率,降低了对被选中图形突出显示时的复杂度,进而避免了在对图表中被选中的图形进行显示时存在的显示卡顿问题。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提供的一种图表中图形的显示方法的流程图;
图2示出了本发明实施例提供的另一种图表中图形的显示方法的流程图;
图3示出了本发明实施例提供的一种图表中图形的显示装置的结构示意图;
图4示出了本发明实施例提供的另一种图表中图形的显示装置的结构示意图;
图5示出了本发明实施例提供的初始画布中存在被选中图形的示意图;
图6示出了本发明实施例提供的绘制有被选中图形的预置画布的示意图;
图7示出了发明实施例提供的初始画布和预置画布叠加后的显示示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
本发明实施例提供的一种图表中图形的显示方法,如图1所示,所述方法包括:
101、当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息。
其中,所述初始画布为用于承载待显示图表中所有图形的底层图层,在所述初始画布中可以进行待展示图形的绘制。所述初始画布中配置有所述图表对应的全部图形,所述图形可以为方形、圆形、六边形等,本发明实施例不做限定。所述图形在初始画布中的位置信息具体可以为该图形在初始画布中的坐标信息。例如,当用户通过鼠标进行图表中图形的选择时,当用户通过移动鼠标使得在屏幕上的鼠标光标停留在某一个图形上时,则认为此时图表中存在被选中的图形,并且可以根据当前鼠标光标的位置信息,确定被选中的图形在初始画布中的位置信息。
102、根据被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形,并在所述预置画布中对所述图形对应的显示状态信息进行配置。
其中,所述预置画布为基于初始画布新增的空白画布,具体可以设置在所述初始画布的上方,并且大小与所述初始画布相同,显示位置与所述初始画布重叠。在预置画布中可以进行初始画布中被选中图形的绘制以及该图形对应的显示状态信息的配置,从而保证后续对被选中的图形可以进行突出显示。所述图形对应的显示状态信息具体可以包括所述图形对应的显示颜色、所述图形对应的显示亮度等。所述图形对应的显示颜色具体可以通过所述图形的填充颜色进行配置,所述图形对应的显示亮度具体可以通过所述图形的填充颜色和填充颜色对应的透明度进行配置。
对于本发明实施例,根据被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形具体可以包括:在预置画布中与被选中的图形在初始画布中的位置信息相同的位置绘制该图形,即若被选中的图形在初始画布中的坐标位置为(5,5),则在预置画布中的坐标位置(5,5)绘制该图形。
103、同时显示所述初始画布和所述预置画布。
对于本发明实施例,由于被选中的图形在初始画布和所述预置画布的显示位置重叠,并且由于被选中的图形在初始画布中的显示状态信息和在所述预置画布中的显示状态信息不同,使得被选中的图形的在初始画布中的显示效果改变为该图形在初始画布中的显示效果和在所述预置画布中的显示效果叠加后的显示效果,从而使得该图形的显示状态发生改变,进而达到突出显示被选中的图形的效果。该选中图形显示效果的改变,由于只需要在预置画布中执行绘制被选中图形的操作,从而降低了对被选中的图形进行突出显示时的显示复杂度。
例如,在所述预置画布中将被选中的图形的填充颜色配置为黄色,初始画布中该图形的填充颜色为蓝色,同时显示所述初始画布和所述预置画布后,该被选中的图形的显示颜色变为了黄色,从而达到了突出显示该被选中图形的效果。
本发明实施例提供的一种图表中图形的显示方法,当需要对图表中被选中的图形进行突出显示时,首先根据被选中的图形在所述初始画布中的位置信息,在预置画布上对被选中的图形进行绘制并进行显示状态信息的调整,然后通过同时显示所述初始画布和所述预置画布,实现了对图表中被选中的图形进行突出显示。与目前每一次在对图表对应的画布上用户选中的图形进行突出显示时,都需要对图表对应的整个画布进行重新绘制,即对画布中该图表的所有图形进行重新绘制相比,本发明由于只需要在新增画布上对被选中的图形进行绘制与显示状态信息的调整,即可完成对被选中的图形的突出显示,从而提高了对图表中被选中图形的显示效率,降低了对被选中图形突出显示时的复杂度,进而避免了在对图表中被选中的图形进行显示时存在的显示卡顿问题。
进一步地,本发明实施例提供另一种图表中图形的显示方法,如图2所示,所述方法包括:
201、当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息。
其中,所述初始画布中配置有所述图表对应的全部图形,所述图形在初始画布中的位置信息具体可以为该图形在初始画布中的坐标信息。例如,当用户在触屏设备上通过手指进行图表中图形的选择时,当用户通过滑动手指使得屏幕上的操作轨迹停留在某一个图形上时,则认为此时图表中存在被选中的图形,并且可以根据当前手指当前停留在屏幕上的位置信息,确定被选中的图形在初始画布中的位置信息。
202、根据被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形,并在所述预置画布中对所述图形对应的显示状态信息进行配置。
其中,所述预置画布的配置方式和所述显示状态信息包括的具体内容可以参见图1中相应位置的描述,在此不再赘述。
对于本发明实施例,当所述图形对应的显示状态信息为所述图形对应的显示亮度时,所述在所述预置画布中对所述图形对应的显示状态信息进行配置可以包括:在所述预置画布中将所述图形的填充颜色配置为第一预设颜色,并将所述第一预设颜色的透明度配置为第一预设阈值,其中,所述第一预设颜色为白色或者黑色。需要说明的是,当第一预设颜色为白色时,通过调整第一预设颜色的透明度,可以使得被选中的图形进行叠加显示后,达到高亮显示的效果;当第一预设颜色为黑色时,通过调整第一预设颜色的透明度,可以使得被选中的图形进行叠加显示后,达到变暗显示的效果,具体可以如下举例:
例如,图形在初始画布中的填充颜色为深蓝色,当需要对被选中的图形进行高亮显示时,在所述预置画布中将所述图形的填充颜色配置为白色,此时,所述第一预设阈值的配置可以根据进行高亮显示时所需要的显示亮度进行调整,当需要的高亮显示亮度较低时,可以将第一预设阈值配置的大一些,例如,70%、80%等,当需要的高亮显示亮度较高时,可以将第一预设阈值配置的小一些,如10%、20%等,本发明实施例不做限定。
再例如,图形在初始画布中的填充颜色为浅蓝色,当需要对被选中的图形进行变暗显示时,在所述预置画布中将所述图形的填充颜色配置为黑色。此时,所述第一预设阈值的配置可以根据进行变暗显示时所需要的显示亮度进行调整,当需要的显示暗度较低时,可以将第一预设阈值配置的大一些,例如,80%、90%等,当需要的显示暗度较高时,可以将第一预设阈值配置的小一些,如10%、20%等,本发明实施例不做限定。
对于本发明实施例,当所述图形对应的显示状态信息为所述图形对应的显示颜色时,所述在所述预置画布中对所述图形对应的显示状态信息进行配置还可以包括:在所述预置画布中将所述图形的填充颜色配置为第二预设颜色,所述第二预设颜色为除所述图形在所述初始画布上的填充颜色外的任意颜色。需要说明的是,通过将第二预设颜色配置为除所述图形在所述初始画布上的填充颜色外的任意颜色,可以保证被选中的图形在预置画布中的填充颜色与在初始画布中的填充颜色不同,进而可以保证被选中的图形进行叠加显示时发生颜色改变。
例如,图形在初始画布中的填充颜色为浅蓝色,当需要进行颜色反差较大的颜色改变时,则可以在所述预置画布中将所述图形的填充颜色配置为棕色、黑色等与浅蓝色色彩差异度较大的颜色,当需要进行颜色反差较小的颜色改变时,则可以在所述预置画布中将所述图形的填充颜色配置为浅绿色、浅黄色等与浅蓝色相比色彩差异度较小的颜色。
对于本发明实施例,当所述图形对应的显示状态信息为所述图形对应的显示亮度和显示颜色时,所述在所述预置画布中对所述图形对应的显示状态信息进行配置可以包括:在所述预置画布中将所述图形的填充颜色配置为第三预设颜色,并将所述第三预设颜色的透明度配置为第二预设阈值,所述第三预设颜色为除所述图形在所述初始画布上的填充颜色、白色和黑色外的颜色。其中,所述第二预设阈值可以与第一预设阈值相同也可以不同,本发明实施例不做限定。需要说明的是,通过将第三预设颜色配置为除所述图形在所述初始画布上的填充颜色、白色和黑色外的颜色,可以保证被选中的图形在预置画布中的填充颜色与在初始画布中的填充颜色不同,进而可以保证被选中的图形进行叠加显示时发生颜色改变。并且通过将所述第三预设颜色的透明度配置为第二预设阈值,可以保证被选中的图形进行叠加显示时发生亮度改变。
例如,图形在初始画布中的填充颜色为深蓝色,当需要对被选中的图形进行变色高亮显示时,在所述预置画布中将所述图形的填充颜色配置为色彩明度大于所述深蓝色的颜色,例如,配置为黄色,所述色彩明度用于反应色彩本身的亮度,此时,所述第二预设阈值的配置可以根据进行高亮显示时所需要的显示亮度进行调整,当需要的高亮显示亮度较低时,可以将第一预设阈值配置的大一些,例如,90%、95%等,当需要的高亮显示亮度较高时,可以将第二预设阈值配置的小一些,如5%、15%等,本发明实施例不做限定。
再例如,图形在初始画布中的填充颜色为浅蓝色,当需要对被选中的图形进行变暗变色显示时,在所述预置画布中将所述图形的填充颜色配置为色彩明度小于所述浅蓝色的颜色,例如,配置为棕色。此时,所述第二预设阈值的配置可以根据进行变暗显示时所需要的显示亮度进行调整,当需要的显示暗度较低时,可以将第二预设阈值配置的大一些,例如,90%、95%等,当需要的显示暗度较高时,可以将第二预设阈值配置的小一些,如5%、15%等,本发明实施例不做限定。
203、同时显示所述初始画布和所述预置画布。
例如,在所述预置画布中将被选中的图形的填充颜色配置为白色,透明度配置为20%,初始画布中该图形的填充颜色为蓝色,同时显示所述初始画布和所述预置画布后,该被选中的图形可以达到高亮显示的效果。再例如,在所述预置画布中将被选中的图形的填充颜色配置为红色,,初始画布中该图形的填充颜色为蓝色,同时显示所述初始画布和所述预置画布后,该被选中的图形的显示颜色改变为红色,从而达到了被选中的图形的显示颜色发生改变的效果。
对于本发明实施例,在同时显示所述初始画布和所述预置画布时,还可以在被选中的图形的附近区域显示该图形对应的具体数据信息,从而进一步提高图标图形的显示效果。
204、当接收到所述图形对应的选择撤销指令时,在预置画布中撤销为所述图形配置的显示状态信息,并从所述预置画布上删除所述图形。
其中,对于非触屏设备,所述图形对应的选择撤销指令可以为用户将鼠标光标从被选中的图形在初始画布对应位置移开的操作,对于触屏设备,所述图形对应的选择撤销指令可以为用户将手指从被选中的图形在初始画布对应位置移开的操作。例如,被选中的图形在预置画布中的显示状态为填充颜色为白色,填充颜色的透明度为20%,当用户将鼠标光标从被选中的图形在初始画布对应位置移开时,将所述图形在预置画布中的填充颜色和该填充颜色的透明度进行撤销操作,并删除被选中的图形,从而保证叠加后的该图形恢复被选中前的显示效果。
在本发明实施例中,对所述预置画布的设置可以在图表中存在被选中的图形之前,或者当图表中存在被选中的图形时,具体预置画布的设置过程可以包括:生成与所述初始画布大小相同的所述预置画布,然后将所述预置画布重叠配置在所述初始画布上。
对于本发明实施例,具体的应用场景可以如下所示,但不限于此,包括:当图表中存在被选中的图形时,如图5所示,在初始画布中被选中的图形为长方形,显示颜色为黑色,此时,为了将其进行高亮显示,则根据该图形在初始画布中的位置,在预置画布中绘制所述被选中的图形,并将该图形的填充颜色配置为白色,填充颜色的显示透明度配置为20%,如图6所示,然后同时显示所述初始画布和绘制有所述被选中图形的预置画布,如图7所示,从而仅仅通过在预置画布中增添被选中的图形以及为该图形配置显示状态信息,实现了对被选中的图形的高亮显示,进而降低了被选中图形的显示复杂度。进一步地,当该被选中的图形存在选择撤销指令时,在预置画布中撤销为所述图形配置的显示状态信息,并从所述预置画布上删除所述图形,从而恢复到图5的状态。
本发明实施例提供的另一种图表中图形的显示方法,当需要对图表中被选中的图形进行突出显示时,首先根据被选中的图形在所述初始画布中的位置信息,在预置画布上对被选中的图形进行绘制并进行显示状态信息的调整,然后通过同时显示所述初始画布和所述预置画布,实现了对图表中被选中的图形进行突出显示。与目前每一次在对图表对应的画布上用户选中的图形进行突出显示时,都需要对图表对应的整个画布进行重新绘制,即对画布中该图表的所有图形进行重新绘制相比,本发明由于只需要在新增画布上对被选中的图形进行绘制与显示状态信息的调整,即可完成对被选中的图形的突出显示,从而提高了对图表中被选中图形的显示效率,降低了对被选中图形突出显示时的复杂度,进而避免了在对图表中被选中的图形进行显示时存在的显示卡顿问题。
进一步地,作为图1所示方法的具体实现,本发明实施例提供一种图表中图形的显示装置,如图3所示,所述装置可以包括:获取单元31、绘制单元32、配置单元33、显示单元34。
获取单元31,用于当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息,所述初始画布中配置有所述图表对应的全部图形;
绘制单元32,用于根据所述获取单元31获取的被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形;
调整单元33,用于在所述预置画布中对所述图形对应的显示状态信息进行配置,所述预置画布设置在所述初始画布的上方,并且与所述初始画布重叠;
显示单元34,用于同时显示所述初始画布和所述预置画布。
需要说明的是,该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。
本发明实施例提供的一种图表中图形的显示装置,当需要对图表中被选中的图形进行突出显示时,首先根据被选中的图形在所述初始画布中的位置信息,在预置画布上对被选中的图形进行绘制并进行显示状态信息的调整,然后通过同时显示所述初始画布和所述预置画布,实现了对图表中被选中的图形进行突出显示。与目前每一次在对图表对应的画布上用户选中的图形进行突出显示时,都需要对图表对应的整个画布进行重新绘制,即对画布中该图表的所有图形进行重新绘制相比,本发明由于只需要在新增画布上对被选中的图形进行绘制与显示状态信息的调整,即可完成对被选中的图形的突出显示,从而提高了对图表中被选中图形的显示效率,降低了对被选中图形突出显示时的复杂度,进而避免了在对图表中被选中的图形进行显示时存在的显示卡顿问题。
进一步地,作为图2所示方法的具体实现,本发明实施例提供另一种图表中图形的显示装置,如图4所示,所述装置可以包括:获取单元41、绘制单元42、配置单元43、显示单元44。
获取单元41,用于当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息,所述初始画布中配置有所述图表对应的全部图形;
绘制单元42,用于根据所述获取单元41获取的被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形;
配置单元43,用于在所述预置画布中对所述图形对应的显示状态信息进行配置,所述预置画布设置在所述初始画布的上方,并且与所述初始画布重叠;
显示单元44,用于同时显示所述初始画布和所述预置画布。
需要说明的是,所述图形对应的显示状态信息包括所述图形对应的显示颜色和/或所述图形对应的显示亮度。
进一步地,当所述图形对应的显示状态信息为所述图形对应的显示亮度时,所述配置单元43,具体用于在所述预置画布中将所述图形的填充颜色配置为第一预设颜色,并将所述第一预设颜色的透明度配置为第一预设阈值,所述第一预设颜色为白色或者黑色。
进一步地,当所述图形对应的显示状态信息为所述图形对应的显示颜色时,所述配置单元43,具体还用于在所述预置画布中将所述图形的填充颜色配置为第二预设颜色,所述第二预设颜色为除所述图形在所述初始画布上的填充颜色外的任意颜色。
进一步地,当所述图形对应的显示状态信息为所述图形对应的显示亮度和显示颜色时,所述配置单元43,具体还用于在所述预置画布中将所述图形的填充颜色配置为第三预设颜色,并将所述第三预设颜色的透明度配置为第二预设阈值,所述第三预设颜色为除所述图形在所述初始画布上的填充颜色、白色和黑色外的颜色。
进一步地,所述装置还包括:撤销单元45、删除单元46。
撤销单元45,用于当接收到所述图形对应的选择撤销指令时,在预置画布中撤销为所述图形配置的显示状态信息;
删除单元46,用于从所述预置画布上删除所述图形。
进一步地,所述装置还包括:生成单元47。
生成单元47,用于生成与所述初始画布大小相同的所述预置画布,所述预置画布为空白画布;
配置单元43,还用于将所述生成单元47生成的预置画布重叠配置在所述初始画布上。
所述生成单元47,具体用于在图表中存在被选中的图形之前,生成与所述初始画布大小相同的所述预置画布;或者
所述生成单元47,具体用于当图表中存在被选中的图形时,生成与所述初始画布大小相同的所述预置画布。
需要说明的是,该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。
本发明实施例提供的另一种图表中图形的显示装置,当需要对图表中被选中的图形进行突出显示时,首先根据被选中的图形在所述初始画布中的位置信息,在预置画布上对被选中的图形进行绘制并进行显示状态信息的调整,然后通过同时显示所述初始画布和所述预置画布,实现了对图表中被选中的图形进行突出显示。与目前每一次在对图表对应的画布上用户选中的图形进行突出显示时,都需要对图表对应的整个画布进行重新绘制,即对画布中该图表的所有图形进行重新绘制相比,本发明由于只需要在新增画布上对被选中的图形进行绘制与显示状态信息的调整,即可完成对被选中的图形的突出显示,从而提高了对图表中被选中图形的显示效率,降低了对被选中图形突出显示时的复杂度,进而避免了在对图表中被选中的图形进行显示时存在的显示卡顿问题。
所述图表中图形的显示装置包括处理器和存储器,上述获取单元、绘制单元、配置单元、显示单元、恢复单元、删除单元、生成单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来解决在对图表中被选中的图形进行显示时存在显示卡顿的问题。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序代码:当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息,所述初始画布中配置有所述图表对应的全部图形;根据被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形,并在所述预置画布中对所述图形对应的显示状态信息进行配置,所述预置画布设置在所述初始画布的上方,并且与所述初始画布重叠;同时显示所述初始画布和所述预置画布。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的图表中图形的显示方法、装置、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (16)

1.一种图表中图形的显示方法,其特征在于,包括:
当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息,所述初始画布中配置有所述图表对应的全部图形;
根据被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形,并在所述预置画布中对所述图形对应的显示状态信息进行配置,所述预置画布设置在所述初始画布的上方,并且与所述初始画布重叠;
同时显示所述初始画布和所述预置画布。
2.根据权利要求1所述的图表中图形的显示方法,其特征在于,所述图形对应的显示状态信息包括所述图形对应的显示颜色和/或所述图形对应的显示亮度。
3.根据权利要求2所述的图表中图形的显示方法,其特征在于,当所述图形对应的显示状态信息为所述图形对应的显示亮度时,所述在所述预置画布中对所述图形对应的显示状态信息进行配置包括:
在所述预置画布中将所述图形的填充颜色配置为第一预设颜色,并将所述第一预设颜色的透明度配置为第一预设阈值,所述第一预设颜色为白色或者黑色。
4.根据权利要求2所述的图表中图形的显示方法,其特征在于,当所述图形对应的显示状态信息为所述图形对应的显示颜色时,所述在所述预置画布中对所述图形对应的显示状态信息进行配置包括:
在所述预置画布中将所述图形的填充颜色配置为第二预设颜色,所述第二预设颜色为除所述图形在所述初始画布上的填充颜色外的任意颜色。
5.根据权利要求2所述的图表中图形的显示方法,其特征在于,当所述图形对应的显示状态信息为所述图形对应的显示亮度和显示颜色时,所述在所述预置画布中对所述图形对应的显示状态信息进行配置包括:
在所述预置画布中将所述图形的填充颜色配置为第三预设颜色,并将所述第三预设颜色的透明度配置为第二预设阈值,所述第三预设颜色为除所述图形在所述初始画布上的填充颜色、白色和黑色外的颜色。
6.根据权利要求1所述的图表中图形的显示方法,其特征在于,所述同时显示所述初始画布和所述预置画布的步骤之后,所述方法还包括:
当接收到所述图形对应的选择撤销指令时,在预置画布中撤销为所述图形配置的显示状态信息,并从所述预置画布上删除所述图形。
7.根据权利要求1-6任一项所述的图表中图形的显示方法,其特征在于,所述方法还包括:
生成与所述初始画布大小相同的所述预置画布,所述预置画布为空白画布;
将所述预置画布重叠配置在所述初始画布上。
8.根据权利要求7所述的图表中图形的显示方法,其特征在于,所述生成与所述初始画布大小相同的所述预置画布包括:
在图表中存在被选中的图形之前,生成与所述初始画布大小相同的所述预置画布;或者
当图表中存在被选中的图形时,生成与所述初始画布大小相同的所述预置画布。
9.一种图表中图形的显示装置,其特征在于,包括:
获取单元,用于当图表中存在被选中的图形时,获取所述被选中的图形和所述图形在初始画布中的位置信息,所述初始画布中配置有所述图表对应的全部图形;
绘制单元,用于根据所述获取单元获取的被选中的图形在所述初始画布中的位置信息,在预置画布中绘制所述被选中的图形;
配置单元,用于在所述预置画布中对所述图形对应的显示状态信息进行配置,所述预置画布设置在所述初始画布的上方,并且与所述初始画布重叠;
显示单元,用于同时显示所述初始画布和所述预置画布。
10.根据权利要求9所述的图表中图形的显示装置,其特征在于,所述图形对应的显示状态信息包括所述图形对应的显示颜色和/或所述图形对应的显示亮度。
11.根据权利要求10所述的图表中图形的显示装置,其特征在于,当所述图形对应的显示状态信息为所述图形对应的显示亮度时,
所述配置单元,具体用于在所述预置画布中将所述图形的填充颜色配置为第一预设颜色,并将所述第一预设颜色的透明度配置为第一预设阈值,所述第一预设颜色为白色或者黑色。
12.根据权利要求10所述的图表中图形的显示装置,其特征在于,当所述图形对应的显示状态信息为所述图形对应的显示颜色时,
所述配置单元,具体还用于在所述预置画布中将所述图形的填充颜色配置为第二预设颜色,所述第二预设颜色为除所述图形在所述初始画布上的填充颜色外的任意颜色。
13.根据权利要求10所述的图表中图形的显示装置,其特征在于,当所述图形对应的显示状态信息为所述图形对应的显示亮度和显示颜色时,
所述配置单元,具体还用于在所述预置画布中将所述图形的填充颜色配置为第三预设颜色,并将所述第三预设颜色的透明度配置为第二预设阈值,所述第三预设颜色为除所述图形在所述初始画布上的填充颜色、白色和黑色外的颜色。
14.根据权利要求9所述的图表中图形的显示装置,其特征在于,所述装置还包括:
撤销单元,用于当接收到所述图形对应的选择撤销指令时,在预置画布中撤销为所述图形配置的显示状态信息;
删除单元,用于从所述预置画布上删除所述图形。
15.根据权利要求9-14任一项所述的图表中图形的显示装置,其特征在于,所述装置还包括:生成单元;
所述生成单元,用于生成与所述初始画布大小相同的所述预置画布,所述预置画布为空白画布;
所述配置单元,还用于将所述生成单元生成的预置画布重叠配置在所述初始画布上。
16.根据权利要求15所述的图表中图形的显示装置,其特征在于,
所述生成单元,具体用于在图表中存在被选中的图形之前,生成与所述初始画布大小相同的所述预置画布;或者
所述生成单元,具体用于当图表中存在被选中的图形时,生成与所述初始画布大小相同的所述预置画布。
CN201610094891.0A 2016-02-19 2016-02-19 图表中图形的显示方法及装置 Active CN107102832B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610094891.0A CN107102832B (zh) 2016-02-19 2016-02-19 图表中图形的显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610094891.0A CN107102832B (zh) 2016-02-19 2016-02-19 图表中图形的显示方法及装置

Publications (2)

Publication Number Publication Date
CN107102832A CN107102832A (zh) 2017-08-29
CN107102832B true CN107102832B (zh) 2019-11-12

Family

ID=59658604

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610094891.0A Active CN107102832B (zh) 2016-02-19 2016-02-19 图表中图形的显示方法及装置

Country Status (1)

Country Link
CN (1) CN107102832B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7151147B2 (ja) * 2018-04-17 2022-10-12 カシオ計算機株式会社 コンピュータプログラム、情報処理方法及びコンピュータ
CN110930857B (zh) * 2019-05-31 2022-04-15 上海华兴数字科技有限公司 绘制散点的方法及装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103345534A (zh) * 2013-07-26 2013-10-09 浙江中控技术股份有限公司 一种动态图处理方法及装置
CN104834753A (zh) * 2015-05-28 2015-08-12 百度在线网络技术(北京)有限公司 生成网页截图的方法及其装置
CN105045870A (zh) * 2015-07-15 2015-11-11 贵州电力试验研究院 一种基于wpf的电力运行驾驶舱可视化方法和系统
CN105242817A (zh) * 2014-07-07 2016-01-13 阿里巴巴集团控股有限公司 页面元素实时突出显示的方法及装置
CN105279253A (zh) * 2015-10-13 2016-01-27 上海联彤网络通讯技术有限公司 提升网页画布渲染速度的系统及方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140096018A1 (en) * 2012-09-28 2014-04-03 Interactive Memories, Inc. Methods for Recognizing Digital Images of Persons known to a Customer Creating an Image-Based Project through an Electronic Interface

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103345534A (zh) * 2013-07-26 2013-10-09 浙江中控技术股份有限公司 一种动态图处理方法及装置
CN105242817A (zh) * 2014-07-07 2016-01-13 阿里巴巴集团控股有限公司 页面元素实时突出显示的方法及装置
CN104834753A (zh) * 2015-05-28 2015-08-12 百度在线网络技术(北京)有限公司 生成网页截图的方法及其装置
CN105045870A (zh) * 2015-07-15 2015-11-11 贵州电力试验研究院 一种基于wpf的电力运行驾驶舱可视化方法和系统
CN105279253A (zh) * 2015-10-13 2016-01-27 上海联彤网络通讯技术有限公司 提升网页画布渲染速度的系统及方法

Also Published As

Publication number Publication date
CN107102832A (zh) 2017-08-29

Similar Documents

Publication Publication Date Title
US9674425B2 (en) Image acquisition method and apparatus
CN105765624B (zh) 内容感知图像旋转
US9917987B2 (en) Media editing with overlaid color adjustment tools
JP6750020B2 (ja) カラートゥイーンアニメーションを実現するための方法及び装置
US8930810B2 (en) User interface (UI) color scheme generation and management according to visual consistency of visual attributes in the color scheme
US9250796B2 (en) Video editor
US10901612B2 (en) Alternate video summarization
CN109947857A (zh) 数据展示方法和装置、存储介质、处理器
CN110069312A (zh) 一种ui组件配置和生成ui组件库的方法及装置
CN107102832B (zh) 图表中图形的显示方法及装置
US20150113396A1 (en) Curved shadows in visual representations
US20140245197A1 (en) Duplicating graphical widgets
CN107621951B (zh) 一种视图层级优化的方法及装置
US9613288B2 (en) Automatically identifying and healing spots in images
US9396581B2 (en) Contact shadows in visual representations
CN104793837A (zh) 图形生成方法及装置
CN104516696A (zh) 一种信息处理方法及电子设备
US8599204B2 (en) Controlling edge routing using layout constraints
CN109189537A (zh) 页面信息的动态显示方法、计算设备及计算机存储介质
CN108415754A (zh) Android UI适配方法及装置
US10528215B2 (en) Arrangement of graphic elements based on shape locations
KR101644854B1 (ko) 영역 지정 방법
CN109426495A (zh) 一种视图组件的布局方法及设备
CN104423827A (zh) 一种信息处理方法及电子设备
CN109377443A (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
TR01 Transfer of patent right

Effective date of registration: 20200922

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20200922

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee after: Advanced innovation technology Co.,Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Patentee before: Alibaba Group Holding Ltd.

TR01 Transfer of patent right