CN114692044A - 图表处理方法及设备 - Google Patents
图表处理方法及设备 Download PDFInfo
- Publication number
- CN114692044A CN114692044A CN202011563846.8A CN202011563846A CN114692044A CN 114692044 A CN114692044 A CN 114692044A CN 202011563846 A CN202011563846 A CN 202011563846A CN 114692044 A CN114692044 A CN 114692044A
- Authority
- CN
- China
- Prior art keywords
- chart
- displayed
- basic
- graph
- page
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供一种图表处理方法及设备,该方法包括:获取待显示页面对应的图表业务数据以及所述待显示页面对应的多个基础图表参数;根据预设公共组件和所述多个基础图表参数得到每个基础图表参数对应的基础图表;根据所述图表业务数据和所述基础图表,对所述待显示页面进行渲染显示,以使所述待显示页面显示相应的待显示图表,其中所述待显示图表为渲染后的基础图表,实现图表的快速配置,从而提高图表的配置效率。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种图表处理方法及设备。
背景技术
可视化图表作为可以让人更直观更快速了解数据走向的一种工具,被广泛应用与金融领域。
目前,为了使网页可以显示图表,需要先对该图表进行配置,即先获取该图表对应的配置信息以及该图表对应的组件,将该配置信息传入该图表对应的组件中,得到基础图表,实现图表的配置,即实现图表样式的设置,然后再利用具体的图表业务数据对配置好的基础图表进行渲染,以在网页上显示该图表。
然而,由于每配置一个图表都需要将相应的配置信息传入至相应的组件中,当网页需要显示的图表的数量较多时,需要花费较多的时间去配置图表,导致图表配置效率低。
发明内容
本发明实施例提供一种图表处理方法及设备,以解决现有技术中图表配置效率低的问题。
第一方面,本发明实施例提供一种图表处理方法,包括:
获取待显示页面对应的图表业务数据以及所述待显示页面对应的多个基础图表参数;
根据预设公共组件和所述多个基础图表参数得到每个基础图表参数对应的基础图表;
根据所述图表业务数据和所述基础图表,对所述待显示页面进行渲染显示,以使所述待显示页面显示相应的待显示图表,其中所述待显示图表为渲染后的基础图表。
在一种可能的设计中,所述根据预设公共组件和所述多个基础图表参数得到每个基础图表参数对应的基础图表,包括:
将所述多个基础配置参数输入至所述预设公共组件中,以使所述预设公共组件对于每个基础图表参数,获取所述基础图表参数对应的目标图表配置信息,并根据所述目标图表配置信息生成所述基础图表参数对应的基础图表。
在一种可能的设计中,所述获取待显示页面对应的多个基础图表参数,包括:
按照预设参数获取方式,获取待显示页面对应的基础配置参数,其中所述预设参数获取方式包括文件获取方式和/或代码获取方式。
在一种可能的设计中,所述获取待显示页面对应的多个基础图表参数,包括:
获取待显示页面对应的图表类型;
对于每个图表类型,获取所述图表类型对应的目标参数获取方式,并按照所述目标参数获取方式,获取与所述待显示页面和所述图表类型对应的基础配置参数。
在一种可能的设计中,所述基础图标配置参数包括图表标识、图表颜色类型和图表坐标轴信息中的一种或多种。
在一种可能的设计中,所述目标图标配置信息包括图表颜色序列信息、图表的提示框样式信息、手柄配置信息、图表的第一坐标轴信息和图例信息中的一种或多种。
在一种可能的设计中,所述方法还包括:
获取所述待显示图表的尺寸信息,并获取所述待显示图表对应的显示区域的尺寸信息;
若所述待显示图表的尺寸信息小于所述待显示图表对应的显示区域的尺寸信息,则基于待显示图表对应的显示区域的尺寸信息,对所述待显示图表进行滚动显示。
在一种可能的设计中,所述方法还包括:
获取用户输入的图表显示信息,其中所述图表显示信息包括第一目标图表标识及其对应的待显示时间段;
根据所述待显示时间段确定与所述第一目标图表标识对应的待显示图表的待显示数据,并对所述待显示数据进行显示。
在一种可能的设计中,所述方法还包括:
获取用户选中的图表元素,并按照预设样式显示所述图表元素。
在一种可能的设计中,所述方法还包括:
获取用户输入的图表操作信息,其中所述图表操作信息包括操作类型和第二目标图表标识;其中所述操作类型包括放大类型和/或下载类型;
对所述第二目标图表标识对应的目标待显示图表执行与所述操作类型对应的操作。
第二方面,本发明实施例提供一种图表处理设备,包括:
信息获取模块,用于获取待显示页面对应的图表业务数据以及所述待显示页面对应的多个基础图表参数;
处理模块,用于根据预设公共组件和所述多个基础图表参数得到每个基础图表参数对应的基础图表;
所述处理模块,还用于根据所述图表业务数据和所述基础图表,对所述待显示页面进行渲染显示,以使所述待显示页面显示相应的待显示图表,其中所述待显示图表为渲染后的基础图表。
在一种可能的设计中,所述处理模块还用于:
将所述多个基础配置参数输入至所述预设公共组件中,以使所述预设公共组件对于每个基础图表参数,获取所述基础图表参数对应的目标图表配置信息,并根据所述目标图表配置信息生成所述基础图表参数对应的基础图表。
在一种可能的设计中,所述信息获取模块还用于:
按照预设参数获取方式,获取待显示页面对应的基础配置参数,其中所述预设参数获取方式包括文件获取方式和/或代码获取方式。
在一种可能的设计中,所述信息获取模块还用于:
获取待显示页面对应的图表类型;
对于每个图表类型,获取所述图表类型对应的目标参数获取方式,并按照所述目标参数获取方式,获取与所述待显示页面和所述图表类型对应的基础配置参数。
在一种可能的设计中,所述基础图标配置参数包括图表标识、图表颜色类型和图表坐标轴信息中的一种或多种。
在一种可能的设计中,所述目标图标配置信息包括图表颜色序列信息、图表的提示框样式信息、手柄配置信息、图表的第一坐标轴信息和图例信息中的一种或多种。
在一种可能的设计中,所述处理模块模块还用于:
获取所述待显示图表的尺寸信息,并获取所述待显示图表对应的显示区域的尺寸信息;
若所述待显示图表的尺寸信息小于所述待显示图表对应的显示区域的尺寸信息,则基于待显示图表对应的显示区域的尺寸信息,对所述待显示图表进行滚动显示。
在一种可能的设计中,所述处理模块模块还用于:
获取用户输入的图表显示信息,其中所述图表显示信息包括第一目标图表标识及其对应的待显示时间段;
根据所述待显示时间段确定与所述第一目标图表标识对应的待显示图表的待显示数据,并对所述待显示数据进行显示。
在一种可能的设计中,所述处理模块模块还用于:
获取用户选中的图表元素,并按照预设样式显示所述图表元素。
在一种可能的设计中,所述处理模块模块还用于:
获取用户输入的图表操作信息,其中所述图表操作信息包括操作类型和第二目标图表标识;其中所述操作类型包括放大类型和/或下载类型;
对所述第二目标图表标识对应的目标待显示图表执行与所述操作类型对应的操作。
第三方面,本发明实施例提供一种电子设备,包括:至少一个处理器和存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如上第一方面以及第一方面各种可能的设计所述的图表处理方法。
第四方面,本发明实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上第一方面以及第一方面各种可能的设计所述的图表处理方法。
第五方面,本发明实施例提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时,实现如上第一方面以及第一方面各种可能的设计所述的图表处理方法。
本发明提供一种图表处理方法及设备,通过在获取到待显示页面对应的多个基础图表参数,即在获取到待显示页面对应的需显示的图表的基础图表参数后,直接利用预设公共组件和各个基础图表参数得到各个基础图表参数对应的基础图表,即得到各个需显示的图表对应的基础图表,实现各个需显示的图表的配置,即实现各个需显示的图像的样式的设置。在得到基础图表后,根据图表业务数据和基础图表,对待显示页面进行渲染,即利用图表业务数据对基础图表进行渲染,得到需显示的图表,即得到待显示图表,并在待显示页面上显示该待显示图表,实现图表的显示。由于在进行图表配置时,无需获取各个图表对应的配置信息以及组件,而是仅利用一个公共组件以及图表的基础图表参数便可以得到待显示页面对应的各个需显示的图表所对应的基础图表,实现图表的快速配置,从而提高图表的配置效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的图表的示意图一;
图2为本发明实施例提供的图表处理方法的流程示意图一;
图3为本发明实施例提供的图表的示意图二;
图4为本发明实施例提供的图表处理方法的流程示意图二;
图5为本发明实施例提供的公共组件的示意图;
图6为本发明实施例提供的图表处理设备的结构示意图;
图7为本发明实施例提供的电子设备的硬件结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
现有技术中,为了使网页可以显示图表,需要先对该图表进行配置,即先获取该图表对应的配置信息以及该图表对应的组件,将该配置信息传入该图表对应的组件中,得到基础图表,实现图表的配置,即实现图表样式的设置,然后再利用具体的图表业务数据对配置好的基础图表进行渲染,以在网页上显示该图表(如图1所示,在电子设备当前显示的页面上显示地区1的地铁客流量的图表)。然而,由于每配置一个图表都需要将相应的配置信息传入至相应的组件中,当网页需要显示的图表的数量较多时,需要花费较多的时间去配置图表,导致图表配置效率低。
因此,针对上述问题,本发明的技术构思是在确定待显示网页对应的待显示图表的基础图表时,获取各个待显示图表对应的基础图表参数,并将所有基础图表参数传入至公共组件中,以利用该公共组件得到各个基础图表参数对应的基础图表,即得到各个待显示图表对应的基础图表,实现基础图表的快速搭建,即实现图表的配置,无需查找每个待显示图表对应的组件以及具体的配置信息,提高图表配置效率。
下面以具体地示例对本公开的技术方案以及本公开的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的示例可以相互结合,对于相同或相似的概念或过程可能在某些示例中不再赘述。下面将结合附图,对本公开的示例进行描述。
图2为本发明实施例提供的图表处理方法的流程示意图一,本实施例的执行主体可以为计算机、服务器、移动终端等电子设备。如图2所示,该方法包括:
S201、获取待显示页面对应的图表业务数据以及待显示页面对应的多个基础图表参数。
在本实施例中,用户在使用电子设备的过程中,经常会打开网页来了解相关信息。当用户打开网页时,若该网页的内容存在图标,则电子设备需进行页面初始化以在网页上显示相关图表,则将该网页作为待显示页面,并获取该待显示页面对应的图表业务数据,即利用图表所需展示的数据,例如,地区1在2019年和2020年的客流量。
在本实施例中,为了可以使得待显示页面可以显示其需显示的图表,即显示待显示图表,需要获取待显示页面需显示的各个图表各自对应的基础图表参数,以供利用基础图表参数确定其对应的图表的具体配置情况,即图表各个部分的样式,从而基于该样式显示相应的图表,以使用户可以快速地从图表中获取其所需要的信息。
可选的,基础图标配置参数包括图表标识、图表颜色类型和图表坐标轴信息中的一种或多种。
其中,图表标识为图表对应的标识,通过该标识可以获取该图表对应的具体的配置信息,即可以从公共组件中获取该图表标识对应的图表配置信息。不同类型的图表对应的标识是不同的,例如,饼图对应的图表标识为0,柱状图对应的图表标识为1。
其中,图表颜色类型为图表的主题颜色,即图表的主体风格,例如,黑色主题颜色,则图表的背景颜色为黑色。由于一个图表可能会存在多种主题风格,因此,在获取图表对应的图表配置信息时,可以仅获取该图表颜色类型对应的图表配置信息,具体的,可以获取与图表标识和图表颜色类型对应的图表配置信息。例如,柱状图对应有黑色主题的图表和蓝色主题的图表,当图表颜色类型为黑色主题时,则将该柱状图的黑色主题对应的图表配置信息作为目标图表配置信息。
其中,图表坐标轴信息为图表所包括的坐标轴信息,例如,坐标轴标题。
S202、根据预设公共组件和多个基础图表参数得到每个基础图表参数对应的基础图表。
在本实施例中,在得到待显示页面的需显示的图表的基础图表参数后,利用预设公共组件和基础图标配置参数确定基础图标配置参数对应的基础图表,即得到需显示的图表对应的基础图表,该基础图表为该需显示图表的具体配置样式,该基础图表已经具备了其对应的待显示图表所要展示的颜色、图例风格、提示框样式等具体样式,其相当于样式已经配置完成的空表,即没有具体的数据的图表。
S203、根据图表业务数据和基础图表,对待显示页面进行渲染显示,以使待显示页面显示相应的待显示图表,其中待显示图表为渲染后的基础图表。
在本实施例中,在得到待显示页面对应的基础图表后,需要对待显示页面进行渲染,以使用户可以看到该待显示页面的具体内容,在对显示页面渲染的过程中,将具体的图表业务数据与基础图表进行结合以得到包括具体数据的图表,即利用具体的图标业务数据填充该基础图表,以得到待显示图表,该待显示图表便为渲染后的基础图表,即为包括具体数据以及样式的图表(如图3所示地区1的地铁流量图)。并在待显示网页上显示该图表,实现待显示图表的显示。
具体的,在基于图表业务数据和基础图表进行渲染时,按照该基础图表对应的样式对图表的各个部分进行渲染,以使得到的待显示图表中的各个部分是按照其对应的基础图表对应的样式进行显示的。
从上述描述可知,在获取到待显示页面对应的多个基础图表参数,即在获取到待显示页面对应的需显示的图表的基础图表参数后,直接利用预设公共组件和各个基础图表参数得到各个基础图表参数对应的基础图表,即得到各个需显示的图表对应的基础图表,实现各个需显示的图表的配置,即实现各个需显示的图像的样式的设置,在得到基础图表后,根据图表业务数据和基础图表,对待显示页面进行渲染,即利用图表业务数据对基础图表进行渲染,得到需显示的图表,即得到待显示图表,并在待显示页面上显示该待显示图表,实现图表的显示。由于在进行图表配置时,无需获取各个图表对应的配置信息以及组件,而是仅利用一个公共组件以及图表的基础图表参数便可以得到待显示页面对应的各个需显示的图表所对应的基础图表,实现图表的快速配置,从而提高图表的配置效率。
图4为本发明实施例提供的页面显示方法的流程示意图二,本实施例图2实施例的基础上,在确定待显示网页上需显示的图表对应的具体的配置项时,将各个图表对应的基础图表参数传入至预设公共组件中,以利用该预设公共组件对该基础图表参数进行处理,得到各个图表对应的配置项,即基础图表,下面将结合一个具体实施例对此过程进行描述。如图4所示,该方法包括:
S401、获取待显示页面对应的图表业务数据以及待显示页面对应的多个基础图表参数。
在本实施例中,用户在打开待显示页面时,电子设备设备需要进行页面初始化,即需要加载待显示页面所需显示的内容(例如,图表)。在进行页面初始化的过程中,电子设备需要获取待显示页面对应的基础图表参数,以供利用该基础图表参数进行图表配置,从而实现图表的初始化。
其中,在获取待显示页面对应的基础图表参数时,即在确定待显示页面的需显示的图表的基础图表参数时,可以通过以下两种方式进行获取。
一种方式为,按照预设参数获取方式,获取待显示页面对应的基础配置参数,其中预设参数获取方式包括文件获取方式和/或代码获取方式。
在本实施例中,在获取待显示页面的需显示的图表所对应的基础图表参数时,可以按照文件获取方式或代码获取方式获取各个需显示的图表所对应的基础图表参数,即获取所有基础图表参数。
具体的,在按照文件获取方式获取所有基础图表参数时,可以从第一预设位置中获取待显示页面对应的图表文件,以从图表文件中提取基础图表参数。该图表文件中包括待显示页面所需显示的图表的基础图表参数。
其中,第一预设位置可以硬盘、数据库等位置,也可以是其它存储位置,在此,不再对其进行限定。
具体的,在按照代码获取方式获取所有基础图表参数时,可以从第二预设位置中获取待显示页面对应的图表代码,以从该图表代码中提取基础图表参数,该图表代码包括待显示所需显示的图表的基础图表参数。
其中,第二预设位置可以是该显示页面对应的页面代码,也可以是其它位置,在此,不再对其进行限定。
另一种方式为,获取待显示页面对应的图表类型。对于每个图表类型,获取图表类型对应的目标参数获取方式,并按照目标参数获取方式,获取与待显示页面和图表类型对应的基础配置参数。
在本实施例中,不同类型的图表所对应的参数获取方式不同,因此,可以根据图表的类型确定相应的参数获取方式,即获取待显示页面对应的图表类型,即确定待显示页面的需显示的图表的类型,然后对于每个图表类型,从第三预设位置中查找该图表类型对应的参数获取方式,并将其确定为目标参数获取方式,然后基于该目标参数获取方式,查找与该待显示页面和图表类型对应的基础配置参数。
具体的,当目标参数获取方式为文件获取方式时,在基于文件获取方式查找基础配置参数时,可以从第三预设位置中获取待显示页面对应的图表文件,以从图表文件中提取基础图表参数。该图表文件中包括待显示页面所需显示的图表的基础图表参数。
其中,第三预设位置可以硬盘、数据库等位置,也可以是其它存储位置,在此,不再对其进行限定。
具体的,当目标参数获取方式为代码获取方式时,在基于代码获取方式查找基础配置参数时,可以从第四预设位置中获取待显示页面对应的图表代码,以从该图表代码中提取基础图表参数,该图表代码包括待显示所需显示的图表的基础图表参数。
其中,第四预设位置可以是该显示页面对应的页面代码,也可以是其它位置,在此,不再对其进行限定。
S402、将多个基础配置参数输入至预设公共组件中,以使预设公共组件对于每个基础图表参数,获取基础图表参数对应的目标图表配置信息,并根据目标图表配置信息生成基础图表参数对应的基础图表。
在本实施例中,在利用待显示页面的需显示的图表对应的基础配置参数确定需显示的图表对应的基础图表时,将每个基础配置参数依次传入预设公共组件中,该预设公共组件对于每个基础图表参数,即对于每个需显示的图表对应的基础图表参数,获取与该基础图表参数对应的目标图表配置信息,该目标图表配置信息表明需显示的图表所对应的具体配置信息,即该图表的样式设置信息。然后对目标图表配置信息进行组合,以基础图表参数对应的基础图表,实现图表的配置。例如,将目标图表配置信息中的关于图表标题的配置信息进行组合,以得到图表标题对应的具体样式。
可选的,基础图表具备了其对应的待显示图表所要展示的颜色,图例风格,提示框样式,在与具体的图表业务数据结合后,便可以得到可以展示给用户的图表。
具体的,基础图表为配置树,在将目标图表配置信息中的关于图表标题的配置信息进行组合时,实际是将配置项进行组合,以得到相应的配置树。
其中,目标图标配置信息包括图表颜色序列信息、图表的提示框样式信息、手柄配置信息、图表的第一坐标轴信息和图例信息中的一种或多种。
具体的,图表颜色序列信息表示图表中的各个部分对应的颜色,即不同元素对应的颜色,例如,数据线的颜色。图表的提示框样式信息表示图表的提示框的样式,例如,提示框中的字体的颜色,提示框所包括的内容。
具体的,图例信息为图表对应的图例信息,其用于说明图表中每种颜色所代表的含义,例如黄色代表2020年的客流量。手柄配置信息实际为鼠标配置信息,例如,鼠标移动到图表上时的形状。图表的第一坐标轴信息为图表的X轴类型以及日期格式,或者图表的其它坐标轴类型。
在本实施例中,预设公共组件为相关人员编写的基础组件模块,其包括不同类型的图表所对应的配置信息,如图5所示,其包括不同类型的图表对应的图表颜色序列信息、图表的提示框样式信息、手柄配置信息、图表的第一坐标轴信息和图例信息,其可以在接收到图表的基础配置参数后,对该基础配置参数进行解析,以查找与该基础配置对应的配置信息,从而生成相应的基础图表。
S403、根据图表业务数据和基础图表,对待显示页面进行渲染显示,以使待显示页面显示相应的待显示图表,其中待显示图表为渲染后的基础图表。
在任意实施例中,可选的,在待显示网页上显示待显示图表,即显示需显示的图表时,每个待显示图表都有对应的显示区域,即仅能在该显示区域显示相应的待显示图表,当待显示图表的大小大于待显示区域的大小时,表明该显示区域不能完整显示该待显示图表,因此,需要在该待显示区域内滑动显示该待显示图表,其具体过程为:获取待显示图表的尺寸信息,并获取待显示图表对应的显示区域的尺寸信息。若待显示图表的尺寸信息小于待显示图表对应的显示区域的尺寸信息,则基于待显示图表对应的显示区域的尺寸信息,对待显示图表进行滚动显示。
可选的,在实现对待显示图表进行滚动显示时,通过两个容器进行实现,即第一个容器定义显示区域的尺寸,以及该容器的属性是可以滚动的,第二个容器定义图表的尺寸,然后使得第二个容器可以在第一个容器内进行滚动。
另外,可选的,在实现对待显示图表进行滚动显示时,也可以通过其它方式进行实现,在此,不再对其进行赘述。
其中,显示区域的尺寸信息包括显示区域的高度和宽度,即显示区域对应的容器的高度和宽度。待显示图表的尺寸信息包括待显示图表的高度和宽度,即待显示图表对应的第二个容器的高度和宽度。
在任意实施例中,可选的,在待显示网页上显示图表后,用户还可以选择图表所展示的时间段,其具体过程为:获取用户输入的图表显示信息,其中图表显示信息包括第一目标图表标识及其对应的待显示时间段。根据待显示时间段确定与第一目标图表标识对应的待显示图表的待显示数据,并对待显示数据进行显示。
具体的,用户在查看待显示页面上的待显示图表时,当用户只想查看待显示图表在某段时期内的情况,拖动手柄以在待显示图表上选择显示的时间段,即输入相应的图表显示信息,该图标显示信息包括用户所操作的待显示图表的标识,即第一目标图表标识以及用户选择的时间段,即待显示时间段,然后基于该待显示时间段,对该标识对应的待显示图表显示的内容进行调整,以使调整后的待显示图表仅显示与待显示时间段对应的图表业务数据,例如,待显示图表显示的是地区1在2019年的每个月的地铁客流量,用户选择的待显示时间段为10月至12月,则筛选10月至12月对应的地铁客流量,并调整待显示图表,以使调整后的待显示图表仅显示10月至12月对应的地铁客流量。
在本实施例中,可选的,获取用户选中的图表元素,并按照预设样式显示图表元素。
具体的,当用户将鼠标放置在待显示图表上的图表元素(例如,图表中的特定数据点或数据线)时,表明用户选中该图表元素,需要改变该图表元素的样式,即按照预设样式显示该图表元素,以突出显示该图表元素。
可选的,预设样式包括高亮样式和/或加粗样式。
进一步的,在改变图表元素的样式时,获取用户选中的图表元素的配置信息,即属性信息中的颜色属性信息和/或粗细属性信息,然后改变颜色属性信息和/或粗细属性信息,以将图表元素对应的颜色调整为高亮颜色和/或加粗图表元素。
具体的,在获取用户选中的图表元素的配置信息时,可以通过调用Echarts中的getOption方法获取,该方法可以获取图表中的数据点或线对应的配置信息。
其中,ECharts是一个使用JavaScript实现的开源可视化库,兼容当前绝大部分浏览器,可以提供直观,交互丰富,可高度个性化定制的数据可视化图表。
在任意实施例中,可选的,获取用户输入的图表操作信息,其中图表操作信息包括操作类型和第二目标图表标识。其中操作类型包括放大类型和/或下载类型。对第二目标图表标识对应的目标待显示图表执行与操作类型对应的操作。
具体的,当用户点击某一待显示图表对应的放大按键(如图3中的放大按键10)或下载按键(如图3中的放大按键20)时,表明用户输入了图表操作信息,该图表操作信息包括操作类型以及第二目标图表标识,当用户点击放大按键时,操作类型便为放大类型;当用户点击下载按键时,操作类型便为下载类型。第二目标图表标识为用户选择的按键所对应的待显示图表的标识。例如,用户选择放大图表1,则点击图表1对应的放大按键,则操作类型为放大类型,第二目标图表标识为图表为图表1对应的标识。
在获取到用户输入的图表操作信息后,对第二目标待显示图表执行与操作类型对应的操作,以使用户可以放大或下载相应的图表,从而可以使更加方便直观的感受图表中的数据的变化,以及海可以其感兴趣的图表保存至本地。
另外,可选的,用户还可以收藏待显示图表,即当用户点击某一待显示图表对应的收藏按键(如图3中的收藏按键30)时,表明用户想要收藏该图表,则将该待显示图表保存至用户对应的收藏夹内,当用户下次想要查看该图表时,可以直接从收藏夹内查找到该图表,实现图表的快速查找。
在本实施例中,获取相关人员预先封装的公共组件,即预设公共组件,然后将每个图表对应的基础图表参数传入至该预设公共组件中,便可以快速实现单个可视化图表的创建,无需单独为每个图表配置单独的参数,降低人工成本以及时间成本。
在本实施例中,在对待显示页面的需显示的图表进行配置时,即确定各个需显示的图表对应的基础图表时,仅需获取该各个需显示的图表的基础图表参数,然后将其传入至预设公共组件中,预设公共组件自动从其所包括的配置信息中确定各个需显示的图表对应的图表配置信息,即确定各个基础图表参数对应的目标图表配置信息,并在得到各个基础图表参数对应的目标图表配置信息后,根据目标图表配置信息生成相应的基础图表,即得到各个需显示的图表对应的基础图表,实现基础图表的快速生成,无需再查找每个需显示的图表对应的公共组件,以将需显示的图表对应的图表配置信息传入至其对应的公共组件,提高图表配置的效率。
图6为本发明实施例提供的图表处理设备的结构示意图,如图6所示,该图表处理设备600包括:信息获取模块601和处理模块602。
其中,信息获取模块601,用于获取待显示页面对应的图表业务数据以及待显示页面对应的多个基础图表参数。
处理模块602,用于根据预设公共组件和多个基础图表参数得到每个基础图表参数对应的基础图表。
处理模块602,还用于根据图表业务数据和基础图表,对待显示页面进行渲染显示,以使待显示页面显示相应的待显示图表,其中待显示图表为渲染后的基础图表。
在一种可能的设计中,处理模块602还用于:
将多个基础配置参数输入至预设公共组件中,以使预设公共组件对于每个基础图表参数,获取基础图表参数对应的目标图表配置信息,并根据目标图表配置信息生成基础图表参数对应的基础图表。
在一种可能的设计中,信息获取模块601还用于:
按照预设参数获取方式,获取待显示页面对应的基础配置参数,其中预设参数获取方式包括文件获取方式和/或代码获取方式。
在一种可能的设计中,信息获取模块601还用于:
获取待显示页面对应的图表类型。
对于每个图表类型,获取图表类型对应的目标参数获取方式,并按照目标参数获取方式,获取与待显示页面和图表类型对应的基础配置参数。
在一种可能的设计中,基础图标配置参数包括图表标识、图表颜色类型和图表坐标轴信息中的一种或多种。
在一种可能的设计中,目标图标配置信息包括图表颜色序列信息、图表的提示框样式信息、手柄配置信息、图表的第一坐标轴信息和图例信息中的一种或多种。
在一种可能的设计中,处理模块602模块还用于:
获取待显示图表的尺寸信息,并获取待显示图表对应的显示区域的尺寸信息。
若待显示图表的尺寸信息小于待显示图表对应的显示区域的尺寸信息,则基于待显示图表对应的显示区域的尺寸信息,对待显示图表进行滚动显示。
在一种可能的设计中,处理模块602模块还用于:
获取用户输入的图表显示信息,其中图表显示信息包括第一目标图表标识及其对应的待显示时间段。
根据待显示时间段确定与第一目标图表标识对应的待显示图表的待显示数据,并对待显示数据进行显示。
在一种可能的设计中,处理模块602模块还用于:
获取用户选中的图表元素,并按照预设样式显示图表元素。
在一种可能的设计中,处理模块602模块还用于:
获取用户输入的图表操作信息,其中图表操作信息包括操作类型和第二目标图表标识。其中操作类型包括放大类型和/或下载类型。
对第二目标图表标识对应的目标待显示图表执行与操作类型对应的操作。
本发明实施例提供的图表处理设备,可以实现上述实施例的图表处理方法,其实现原理和技术效果类似,此处不再赘述。
图7为本发明实施例提供的电子设备的硬件结构示意图。如图7所示,本实施例的电子设备700包括:处理器701以及存储器702;其中
存储器702,用于存储计算机执行指令;
处理器701,用于执行存储器存储的计算机执行指令,以实现上述实施例中接收设备所执行的各个步骤。具体可以参见前述方法实施例中的相关描述。
可选地,存储器702既可以是独立的,也可以跟处理器701集成在一起。
当存储器702独立设置时,该电子设备还包括总线703,用于连接所述存储器702和处理器701。
本发明实施例还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上所述的图表处理方法。
本发明实施例还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时,实现如上所述的图表处理方法。
在本发明所提供的几个实施例中,应该理解到,所揭露的设备和方法,可以通过其它的方式实现。例如,以上所描述的设备实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个模块可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或模块的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能模块可以集成在一个处理单元中,也可以是各个模块单独物理存在,也可以两个或两个以上模块集成在一个单元中。上述模块成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
上述以软件功能模块的形式实现的集成的模块,可以存储在一个计算机可读取存储介质中。上述软件功能模块存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(英文:processor)执行本申请各个实施例所述方法的部分步骤。
应理解,上述处理器可以是中央处理单元(英文:Central Processing Unit,简称:CPU),还可以是其他通用处理器、数字信号处理器(英文:Digital Signal Processor,简称:DSP)、专用集成电路(英文:Application Specific Integrated Circuit,简称:ASIC)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合发明所公开的方法的步骤可以直接体现为硬件处理器执行完成,或者用处理器中的硬件及软件模块组合执行完成。
存储器可能包含高速RAM存储器,也可能还包括非易失性存储NVM,例如至少一个磁盘存储器,还可以为U盘、移动硬盘、只读存储器、磁盘或光盘等。
总线可以是工业标准体系结构(Industry Standard Architecture,ISA)总线、外部设备互连(Peripheral Component,PCI)总线或扩展工业标准体系结构(ExtendedIndustry Standard Architecture,EISA)总线等。总线可以分为地址总线、数据总线、控制总线等。为便于表示,本申请附图中的总线并不限定仅有一根总线或一种类型的总线。
上述存储介质可以是由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。存储介质可以是通用或专用计算机能够存取的任何可用介质。
一种示例性的存储介质耦合至处理器,从而使处理器能够从该存储介质读取信息,且可向该存储介质写入信息。当然,存储介质也可以是处理器的组成部分。处理器和存储介质可以位于专用集成电路(Application Specific Integrated Circuits,简称:ASIC)中。当然,处理器和存储介质也可以作为分立组件存在于电子设备或主控设备中。
本领域普通技术人员可以理解:实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时,执行包括上述各方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (15)
1.一种图表处理方法,其特征在于,包括:
获取待显示页面对应的图表业务数据以及所述待显示页面对应的多个基础图表参数;
根据预设公共组件和所述多个基础图表参数得到每个基础图表参数对应的基础图表;
根据所述图表业务数据和所述基础图表,对所述待显示页面进行渲染显示,以使所述待显示页面显示相应的待显示图表,其中所述待显示图表为渲染后的基础图表。
2.根据权利要求1所述的方法,其特征在于,所述根据预设公共组件和所述多个基础图表参数得到每个基础图表参数对应的基础图表,包括:
将所述多个基础配置参数输入至所述预设公共组件中,以使所述预设公共组件对于每个基础图表参数,获取所述基础图表参数对应的目标图表配置信息,并根据所述目标图表配置信息生成所述基础图表参数对应的基础图表。
3.根据权利要求1所述的方法,其特征在于,所述获取待显示页面对应的多个基础图表参数,包括:
按照预设参数获取方式,获取待显示页面对应的基础配置参数,其中所述预设参数获取方式包括文件获取方式和/或代码获取方式。
4.根据权利要求3所述的方法,其特征在于,所述获取待显示页面对应的多个基础图表参数,包括:
获取待显示页面对应的图表类型;
对于每个图表类型,获取所述图表类型对应的目标参数获取方式,并按照所述目标参数获取方式,获取与所述待显示页面和所述图表类型对应的基础配置参数。
5.根据权利要求1所述的方法,其特征在于,所述基础图标配置参数包括图表标识、图表颜色类型和图表坐标轴信息中的一种或多种。
6.根据权利要求2所述的方法,其特征在于,所述目标图标配置信息包括图表颜色序列信息、图表的提示框样式信息、手柄配置信息、图表的第一坐标轴信息和图例信息中的一种或多种。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取所述待显示图表的尺寸信息,并获取所述待显示图表对应的显示区域的尺寸信息;
若所述待显示图表的尺寸信息小于所述待显示图表对应的显示区域的尺寸信息,则基于待显示图表对应的显示区域的尺寸信息,对所述待显示图表进行滚动显示。
8.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取用户输入的图表显示信息,其中所述图表显示信息包括第一目标图表标识及其对应的待显示时间段;
根据所述待显示时间段确定与所述第一目标图表标识对应的待显示图表的待显示数据,并对所述待显示数据进行显示。
9.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取用户选中的图表元素,并按照预设样式显示所述图表元素。
10.根据权利要求1至9任一项所述的方法,其特征在于,所述方法还包括:
获取用户输入的图表操作信息,其中所述图表操作信息包括操作类型和第二目标图表标识;其中所述操作类型包括放大类型和/或下载类型;
对所述第二目标图表标识对应的目标待显示图表执行与所述操作类型对应的操作。
11.一种图表处理设备,其特征在于,包括:
信息获取模块,用于获取待显示页面对应的图表业务数据以及所述待显示页面对应的多个基础图表参数;
处理模块,用于根据预设公共组件和所述多个基础图表参数得到每个基础图表参数对应的基础图表;
所述处理模块,还用于根据所述图表业务数据和所述基础图表,对所述待显示页面进行渲染显示,以使所述待显示页面显示相应的待显示图表,其中所述待显示图表为渲染后的基础图表。
12.根据权利要求11所述的设备,其特征在于,所述处理模块还用于:
将所述多个基础配置参数输入至所述预设公共组件中,以使所述预设公共组件对于每个基础图表参数,获取所述基础图表参数对应的目标图表配置信息,并根据所述目标图表配置信息生成所述基础图表参数对应的基础图表。
13.一种电子设备,其特征在于,包括:至少一个处理器和存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如权利要求1至10任一项所述的图表处理方法。
14.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如权利要求1至10任一项所述的图表处理方法。
15.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至10任一项所述的图表处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011563846.8A CN114692044A (zh) | 2020-12-25 | 2020-12-25 | 图表处理方法及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011563846.8A CN114692044A (zh) | 2020-12-25 | 2020-12-25 | 图表处理方法及设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114692044A true CN114692044A (zh) | 2022-07-01 |
Family
ID=82129065
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011563846.8A Pending CN114692044A (zh) | 2020-12-25 | 2020-12-25 | 图表处理方法及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114692044A (zh) |
-
2020
- 2020-12-25 CN CN202011563846.8A patent/CN114692044A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11048484B2 (en) | Automated responsive grid-based layout design system | |
US20140325423A1 (en) | Showing relationships between tasks in a gantt chart | |
TWI539361B (zh) | Method and system for browsing books on a terminal computer | |
US8635529B2 (en) | Page turning in electronic document readers | |
CN111259637A (zh) | 数据处理方法、装置、计算机设备和存储介质 | |
US20140143701A1 (en) | Visualizing related business activities in an interactive timeline | |
CN104951477B (zh) | 用于过滤数据的方法和装置 | |
CN115421691A (zh) | 一种基于虚拟列表的数据滚动方法、装置及计算机设备 | |
US11157142B2 (en) | Document processing apparatus and non-transitory computer readable medium | |
CN114692044A (zh) | 图表处理方法及设备 | |
US20200320759A1 (en) | Technology for generating product designs using multiple canvases | |
EP3164783B1 (en) | Graphical user interface for non-hierarchical file system | |
CN114548040A (zh) | 笔记处理方法、电子设备及存储介质 | |
CN114063854A (zh) | 文件编辑处理方法、装置和电子设备 | |
CN112765946A (zh) | 图表显示方法、装置及电子设备 | |
KR101368610B1 (ko) | 전자책 환경에서 문단을 선택하기 위한 방법 및 시스템 | |
US20050128219A1 (en) | Display enhancement apparatus and method | |
CN113535162A (zh) | 前端界面配置方法、展示方法及装置 | |
JP6657799B2 (ja) | 図形処理装置、図形処理方法、および、図形処理プログラム | |
JP6081121B2 (ja) | 会計処理装置、会計処理システム、画面切替方法および画面切替プログラム | |
US11908050B2 (en) | Graphical user interface | |
CN107729303A (zh) | 一种图表显示方法和装置 | |
US20240232510A1 (en) | Methods for recognizing and interpreting graphic elements | |
WO2022170913A1 (zh) | 文本内容展示方法、装置、计算机设备及存储介质 | |
CN116204687A (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 |