图表中图形的显示方法及装置制造方法及图纸

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

【技术实现步骤摘要】
图表中图形的显示方法及装置
本专利技术涉及信息
，尤其涉及一种图表中图形的显示方法及装置。
技术介绍
图表是对数据进行可视化展示的重要手段之一，通过图表中的不同图形可以对不同数据进行可视化展示，而图表上的图形通常是通过画布进行承载展示的。其中，画布为承载待显示图表中图形的图层。为了通过图表对数据进行更好的可视化展示，可以对图表中用户选中的图形进行特殊显示，例如，当用户通过移动鼠标选中图表中的某一个图形时，可以对该图形进行高亮显示。目前，每一次在对图表对应的画布上用户选中的图形进行特殊显示时，都需要对图表对应的整个画布进行重新绘制，即对画布中该图表的所有图形进行重新配置。由于图表中通常包含的图形数量众多，并且用户对图形的选择切换频率较高，因此会造成画布的重新绘制频率较高，并且每一次重新绘制画布时，重新配置的图形数量较大，进而导致在对图表中被选中的图形进行特定显示时，存在显示卡顿的问题。
技术实现思路
有鉴于此，本专利技术实施例提供一种图表中图形的显示方法及装置，主要目的是解决在对图表中被选中的图形进行显示时存在显示卡顿的问题。为达到上述目的，本专利技术提供如下技术方案：一方面，本专利技术提供一种图表中图形的显示方法，包括：当图表中存在被选中的图形时，获取所述被选中的图形和所述图形在初始画布中的位置信息，所述初始画布中配置有所述图表对应的全部图形；根据被选中的图形在所述初始画布中的位置信息，在预置画布中绘制所述被选中的图形，并在所述预置画布中对所述图形对应的显示状态信息进行配置，所述预置画布设置在所述初始画布的上方，并且与所述初始画布重叠；同时显示所述初始画布和所述预置画布。另一方面，本专利技术提供一种图表中图形的显示装置，包括：获取单元，用于当图表中存在被选中的图形时，获取所述被选中的图形和所述图形在初始画布中的位置信息，所述初始画布中配置有所述图表对应的全部图形；绘制单元，用于根据所述获取单元获取的被选中的图形在所述初始画布中的位置信息，在预置画布中绘制所述被选中的图形；配置单元，用于在所述预置画布中对所述图形对应的显示状态信息进行配置，所述预置画布设置在所述初始画布的上方，并且与所述初始画布重叠；显示单元，用于同时显示所述初始画布和所述预置画布。借由上述技术方案，本专利技术实施例提供的技术方案至少具有下列优点：本专利技术实施例提供的一种图表中图形的显示方法及装置，当需要对图表中被选中的图形进行突出显示时，首先根据被选中的图形在所述初始画布中的位置信息，在预置画布上对被选中的图形进行绘制并进行显示状态信息的调整，然后通过同时显示所述初始画布和所述预置画布，实现了对图表中被选中的图形进行突出显示。与目前每一次在对图表对应的画布上用户选中的图形进行突出显示时，都需要对图表对应的整个画布进行重新绘制，即对画布中该图表的所有图形进行重新绘制相比，本专利技术由于只需要在新增画布上对被选中的图形进行绘制与显示状态信息的调整，即可完成对被选中的图形的突出显示，从而提高了对图表中被选中图形的显示效率，降低了对被选中图形突出显示时的复杂度，进而避免了在对图表中被选中的图形进行显示时存在的显示卡顿问题。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了本专利技术实施例提供的一种图表中图形的显示方法的流程图；图2示出了本专利技术实施例提供的另一种图表中图形的显示方法的流程图；图3示出了本专利技术实施例提供的一种图表中图形的显示装置的结构示意图；图4示出了本专利技术实施例提供的另一种图表中图形的显示装置的结构示意图；图5示出了本专利技术实施例提供的初始画布中存在被选中图形的示意图；图6示出了本专利技术实施例提供的绘制有被选中图形的预置画布的示意图；图7示出了专利技术实施例提供的初始画布和预置画布叠加后的显示示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。本专利技术实施例提供的一种图表中图形的显示方法，如图1所示，所述方法包括：101、当图表中存在被选中的图形时，获取所述被选中的图形和所述图形在初始画布中的位置信息。其中，所述初始画布为用于承载待显示图表中所有图形的底层图层，在所述初始画布中可以进行待展示图形的绘制。所述初始画布中配置有所述图表对应的全部图形，所述图形可以为方形、圆形、六边形等，本专利技术实施例不做限定。所述图形在初始画布中的位置信息具体可以为该图形在初始画布中的坐标信息。例如，当用户通过鼠标进行图表中图形的选择时，当用户通过移动鼠标使得在屏幕上的鼠标光标停留在某一个图形上时，则认为此时图表中存在被选中的图形，并且可以根据当前鼠标光标的位置信息，确定被选中的图形在初始画布中的位置信息。102、根据被选中的图形在所述初始画布中的位置信息，在预置画布中绘制所述被选中的图形，并在所述预置画布中对所述图形对应的显示状态信息进行配置。其中，所述预置画布为基于初始画布新增的空白画布，具体可以设置在所述初始画布的上方，并且大小与所述初始画布相同，显示位置与所述初始画布重叠。在预置画布中可以进行初始画布中被选中图形的绘制以及该图形对应的显示状态信息的配置，从而保证后续对被选中的图形可以进行突出显示。所述图形对应的显示状态信息具体可以包括所述图形对应的显示颜色、所述图形对应的显示亮度等。所述图形对应的显示颜色具体可以通过所述图形的填充颜色进行配置，所述图形对应的显示亮度具体可以通过所述图形的填充颜色和填充颜色对应的透明度进行配置。对于本专利技术实施例，根据被选中的图形在所述初始画布中的位置信息，在预置画布中绘制所述被选中的图形具体可以包括：在预置画布中与被选中的图形在初始画布中的位置信息相同的位置绘制该图形，即若被选中的图形在初始画布中的坐标位置为(5,5)，则在预置画布中的坐标位置(5,5)绘制该图形。103、同时显示所述初始画布和所述预置画布。对于本专利技术实施例，由于被选中的图形在初始画布和所述预置画布的显示位置重叠，并且由于被选中的图形在初始画布中的显示状态信息和在所述预置画布中的显示状态信息不同，使得被选中的图形的在初始画布中的显示效果改变为该图形在初始画布中的显示效果和在所述预置画布中的显示效果叠加后的显示效果，从而使得该图形的显示状态发生改变，进而达到突出显示被选中的图形的效果。该选中图形显示效果的改变，由于只需要在预置画布中执行绘制被选中图形的操作，从而降低了对被选中的图形进行突出显示时的显示复杂度。例如，在所述预置画布中将被选中的图形的填充颜色配置为黄色，初始画布中该图形的填充颜色为蓝色，同时显示所述初始画布和所述预置画布后，该被选中的图形的显示颜色变为本文档来自技高网...

【技术保护点】
一种图表中图形的显示方法，其特征在于，包括：当图表中存在被选中的图形时，获取所述被选中的图形和所述图形在初始画布中的位置信息，所述初始画布中配置有所述图表对应的全部图形；根据被选中的图形在所述初始画布中的位置信息，在预置画布中绘制所述被选中的图形，并在所述预置画布中对所述图形对应的显示状态信息进行配置，所述预置画布设置在所述初始画布的上方，并且与所述初始画布重叠；同时显示所述初始画布和所述预置画布。

【技术特征摘要】
1.一种图表中图形的显示方法，其特征在于，包括：当图表中存在被选中的图形时，获取所述被选中的图形和所述图形在初始画布中的位置信息，所述初始画布中配置有所述图表对应的全部图形；根据被选中的图形在所述初始画布中的位置信息，在预置画布中绘制所述被选中的图形，并在所述预置画布中对所述图形对应的显示状态信息进行配置，所述预置画布设置在所述初始画布的上方，并且与所述初始画布重叠；同时显示所述初始画布和所述预置画布。2.根据权利要求1所述的图表中图形的显示方法，其特征在于，所述图形对应的显示状态信息包括所述图形对应的显示颜色和/或所述图形对应的显示亮度。3.根据权利要求2所述的图表中图形的显示方法，其特征在于，当所述图形对应的显示状态信息为所述图形对应的显示亮度时，所述在所述预置画布中对所述图形对应的显示状态信息进行配置包括：在所述预置画布中将所述图形的填充颜色配置为第一预设颜色，并将所述第一预设颜色的透明度配置为第一预设阈值，所述第一预设颜色为白色或者黑色。4.根据权利要求2所述的图表中图形的显示方法，其特征在于，当所述图形对应的显示状态信息为所述图形对应的显示颜色时，所述在所述预置画布中对所述图形对应的显示状态信息进行配置包括：在所述预置画布中将所述图形的填充颜色配置为第二预设颜色，所述第二预设颜色为除所述图形在所述初始画布上的填充颜色外的任意颜色。5.根据权利要求2所述的图表中图形的显示方法，其特征在于，当所述图形对应的显示状态信息为所述图形对应的显示亮度和显示颜色时，所述在所述预置画布中对所述图形对应的显示状态信息进行配置包括：在所述预置画布中将所述图形的填充颜色配置为第三预设颜色，并将所述第三预设颜色的透明度配置为第二预设阈值，所述第三预设颜色为除所述图形在所述初始画布上的填充颜色、白色和黑色外的颜色。6.根据权利要求1所述的图表中图形的显示方法，其特征在于，所述同时显示所述初始画布和所述预置画布的步骤之后，所述方法还包括：当接收到所述图形对应的选择撤销指令时，在预置画布中撤销为所述图形配置的显示状态信息，并从所述预置画布上删除所述图形。7.根据权利要求1-6任一项所述的图表中图形的显示方法，其特征在于，所述方法还包括：生成与所述初始画布大小相同的所述预置画布，所述预置画布为空白画布；将所述预置画布重叠配置在所述初始画布上。8.根据权利要求7所述的图表中图形的显示方法，其特征在于，所述生成与所述初始画布大小相同的所述预置画布包括：在图表中存在被选中的图形之前，生成与所述初始画布大小相同的所述预置画布；或者当图表中存在被选中的图形时，生成与所述初始画布大小相同的所述预置画布。9.一种图...

【专利技术属性】
技术研发人员：董晓庆，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY