信息显示方法及装置
技术领域
本说明书涉及信息处理技术领域,尤其涉及一种信息显示方法及装置。
背景技术
在用可视化图表显示大量数据(如一整天的分钟级、秒级数据)的情况下,如果只是简单的把数据渲染在可视化图表中会存在性能问题。以柱状图渲染为例,传统的渲染方法是将大量的数据一一对应的显示在柱状图上,比如一天有1440分钟,那么就有1440份数据同时显示在页面上,若通过SVG(Scalable Vector Graphics,可缩放矢量图形)的方式将1440个点都渲染出来就会有1440个DOM结点,而屏幕由于尺寸大小的限制导致无法同时显示所有的时间点数据,这就需要加入时间轴可缩放、拖动功能。在进行时间轴缩放、拖动的情况下,虽然也能达到只显示可视范围的图形数据,但不可见的DOM结点还是存在在页面上,导致DOM结点仍然太多,从而出现明显卡顿现象,影响用户解读数据和操作体验度。
发明内容
本说明书一个或多个实施例的目的是提供一种信息显示方法及装置,用以通过减少可视化图表的渲染数据量来达到提高可视化图表的显示流畅度的目的。
为解决上述技术问题,本说明书一个或多个实施例是这样实现的:
一方面,本说明书一个或多个实施例提供一种信息显示方法,包括:
根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定所述可视化图表中在所述指定维度上待显示的坐标点;其中,所述可视化图表为根据所述多维度信息中的至少一部分信息进行可视化渲染所生成的图表;
根据所述待显示的坐标点,从所述多维度信息中获取与所述待显示的坐标点对应的维度信息;
根据所述待显示的坐标点及所述获取的维度信息,对所述可视化图表的显示内容进行渲染。
在一个实施例中,所述第一操作包括缩小操作、放大操作、拖拽操作或选取操作。
在一个实施例中,所述确定所述可视化图表中在所述指定维度上待显示的坐标点,包括:
确定所述可视化图表中在所述指定维度上待显示的坐标值范围;
根据所述坐标值范围及所述多维度信息,从所述多维度信息中选择与所述指定维度对应的、且位于所述坐标值范围内的维度信息为所述待显示的坐标点。
在一个实施例中,所述可视化图表为二维柱状图,所述二维柱状图包括所述指定维度对应的第一坐标轴及与所述第一坐标轴相垂直的第二坐标轴;
相应的,所述根据所述待显示的坐标点及所述获取的维度信息,对所述可视化图表的显示内容进行渲染,包括:
确定所述待显示的坐标点与所述第一坐标轴相对应,及,确定所述获取的维度信息与所述第二坐标轴相对应;
根据所述待显示的坐标点与所述第一坐标轴的对应关系及所述获取的维度信息与所述第二坐标轴的对应关系,在所述二维柱状图上渲染所述待显示的坐标点与所述获取的维度信息对应的柱状条。
在一个实施例中,所述确定所述可视化图表中在所述指定维度上待显示的坐标点,包括:
若所述第一操作为所述缩小操作或放大操作,则确定所述可视化图表中在所述指定维度上可显示的全部坐标点;
从所述全部坐标点中筛选出满足预设条件的部分坐标点为所述待显示的坐标点;
其中,所述预设条件包括相邻两个坐标点在所述指定维度上的待显示间距达到第一预设阈值、所述待显示的坐标点的数量不超过第二预设阈值中的至少一项。
在一个实施例中,所述指定维度为时间维度;
相应的,所述从所述全部坐标点中筛选出满足预设条件的部分坐标点为所述待显示的坐标点,包括:
确定所述可视化图表的时间维度上的起始时间点、结束时间点和显示时间间隔;其中,所述显示时间间隔根据所述第一操作的缩放程度确定;
按照所述显示时间间隔,在所述起始时间点和所述结束时间点之间选取时间点,将所述选取的时间点作为待显示的时间点。
另一方面,本说明书一个或多个实施例提供一种信息显示装置,包括:
确定模块,用于根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定所述可视化图表中在所述指定维度上待显示的坐标点;其中,所述可视化图表为根据所述多维度信息中的至少一部分信息进行可视化渲染所生成的图表;
获取模块,用于根据所述待显示的坐标点,从所述多维度信息中获取与所述待显示的坐标点对应的维度信息;
渲染模块,用于根据所述待显示的坐标点及所述获取的维度信息,对所述可视化图表的显示内容进行渲染。
在一个实施例中,所述第一操作包括缩小操作、放大操作、拖拽操作或选取操作。
在一个实施例中,所述确定模块包括:
第一确定单元,用于确定所述可视化图表中在所述指定维度上待显示的坐标值范围;
选择单元,用于根据所述坐标值范围及所述多维度信息,从所述多维度信息中选择与所述指定维度对应的、且位于所述坐标值范围内的维度信息为所述待显示的坐标点。
在一个实施例中,所述可视化图表为二维柱状图,所述二维柱状图包括所述指定维度对应的第一坐标轴及与所述第一坐标轴相垂直的第二坐标轴;
相应的,所述渲染模块包括:
第二确定单元,用于确定所述待显示的坐标点与所述第一坐标轴相对应,及,确定所述获取的维度信息与所述第二坐标轴相对应;
渲染单元,用于根据所述待显示的坐标点与所述第一坐标轴的对应关系及所述获取的维度信息与所述第二坐标轴的对应关系,在所述二维柱状图上渲染所述待显示的坐标点与所述获取的维度信息对应的柱状条。
在一个实施例中,所述确定模块包括:
第三确定单元,用于若所述第一操作为所述缩小操作或放大操作,则确定所述可视化图表中在所述指定维度上可显示的全部坐标点;
筛选单元,用于从所述全部坐标点中筛选出满足预设条件的部分坐标点为所述待显示的坐标点;
其中,所述预设条件包括相邻两个坐标点在所述指定维度上的待显示间距达到第一预设阈值、所述待显示的坐标点的数量不超过第二预设阈值中的至少一项。
在一个实施例中,所述指定维度为时间维度;
相应的,所述筛选单元还用于:
确定所述可视化图表的时间维度上的起始时间点、结束时间点和显示时间间隔;其中,所述显示时间间隔根据所述第一操作的缩放程度确定;
按照所述显示时间间隔,在所述起始时间点和所述结束时间点之间选取时间点,将所述选取的时间点作为待显示的时间点。
再一方面,本说明书一个或多个实施例提供一种信息显示设备,包括:
处理器;以及
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器:
根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定所述可视化图表中在所述指定维度上待显示的坐标点;其中,所述可视化图表为根据所述多维度信息中的至少一部分信息进行可视化渲染所生成的图表;
根据所述待显示的坐标点,从所述多维度信息中获取与所述待显示的坐标点对应的维度信息;
根据所述待显示的坐标点及所述获取的维度信息,对所述可视化图表的显示内容进行渲染。
再一方面,本申请实施例提供一种存储介质,用于存储计算机可执行指令,所述可执行指令在被执行时实现以下流程:
根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定所述可视化图表中在所述指定维度上待显示的坐标点;其中,所述可视化图表为根据所述多维度信息中的至少一部分信息进行可视化渲染所生成的图表;
根据所述待显示的坐标点,从所述多维度信息中获取与所述待显示的坐标点对应的维度信息;
根据所述待显示的坐标点及所述获取的维度信息,对所述可视化图表的显示内容进行渲染。
采用本说明书一个或多个实施例的技术方案,能够根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定可视化图表中在指定维度上待显示的坐标点,并根据待显示的坐标点从多维度信息中获取与待显示的坐标点对应的维度信息,进而根据待显示的坐标点及其对应的维度信息对可视化图表的显示内容进行渲染。可见,该技术方案在进行可视化图表渲染时,仅是将可视化图表在指定维度上待显示的坐标点及其对应的维度信息渲染出来,而并非将指定维度上所有的坐标点及其维度信息均渲染出来,显然,这大大减少了需要渲染的数据量,从而减少渲染过程中生成的DOM结点的数量,使得可视化图表被拖动或缩放时仍然能够流畅地显示,提高用户对解读数据及对可视化图表的操作体验度。
附图说明
为了更清楚地说明本说明书一个或多个实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书一个或多个实施例中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是根据本说明书一实施例的一种信息显示方法的示意性流程图;
图2是根据本说明书另一实施例的一种信息显示方法的示意性流程图;
图3是根据本说明书一实施例的一种信息显示方法中二维柱状图的示意性界面图;
图4是根据本说明书再一实施例的一种信息显示方法的示意性流程图;
图5是根据本说明书另一实施例的一种信息显示方法中二维柱状图的示意性界面图;
图6是根据本说明书一实施例的一种信息显示装置的示意性框图;
图7是根据本说明书一实施例的一种信息显示设备的示意性框图。
具体实施方式
本说明书一个或多个实施例提供一种信息显示方法及装置,用以通过减少可视化图表的渲染数据量来达到提高可视化图表的显示流畅度的目的。
为了使本技术领域的人员更好地理解本说明书一个或多个实施例中的技术方案,下面将结合本说明书一个或多个实施例中的附图,对本说明书一个或多个实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本说明书一部分实施例,而不是全部的实施例。基于本说明书一个或多个实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本说明书一个或多个实施例保护的范围。
图1是根据本说明书一实施例的一种信息显示方法的示意性流程图,如图1所示,该方法包括:
S102,根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定可视化图表中在指定维度上待显示的坐标点。
其中,可视化图表为根据多维度信息中的至少一部分信息进行可视化渲染所生成的图表。
S104,根据待显示的坐标点,从多维度信息中获取与待显示的坐标点对应的维度信息。
S106,根据待显示的坐标点及获取的维度信息,对可视化图表的显示内容进行渲染。
采用本说明书一个或多个实施例的技术方案,能够根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定可视化图表中在指定维度上待显示的坐标点,并根据待显示的坐标点从多维度信息中获取与待显示的坐标点对应的维度信息,进而根据待显示的坐标点及其对应的维度信息对可视化图表的显示内容进行渲染。可见,该技术方案在进行可视化图表渲染时,仅是将可视化图表在指定维度上待显示的坐标点及其对应的维度信息渲染出来,而并非将指定维度上所有的坐标点及其维度信息均渲染出来,显然,这大大减少了需要渲染的数据量,从而减少渲染过程中生成的DOM结点的数量,使得可视化图表被拖动或缩放时仍然能够流畅地显示,提高用户对解读数据及对可视化图表的操作体验度。
以下详细介绍上述实施例提供的信息显示方法。
首先根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定可视化图表中在指定维度上待显示的坐标点。其中,第一操作可包括缩小操作、放大操作、拖拽操作或选取操作等任一种或多种可对可视化图表执行的操作。可视化图表为根据多维度信息中的至少一部分信息进行可视化渲染所生成的图表。
维度信息是具有维度的信息,可以在不同的维度具有对应的信息。多维度信息即是多个维度上的信息进行映射组合而形成的信息,例如在时间上对应的某事件的数量信息,其为二维度信息,包括时间维度上的时间信息以及事件数量维度上的数量信息,这两个维度的信息进行映射组合就形成了二维度信息,如10月1日发生事件的数量为20,11月2日发生事件的数量为50等。更高维度的信息即更多维度的信息组合而成的信息。
多维度信息的可视化图表是将多维度信息进行可视化展示的图表,如由3个维度信息构建的三维坐标图或由2个维度信息构建的二维坐标图等。
可视化图表的指定维度是多维度信息中所需要获取的某个维度的信息,可以根据具体需求确定指定维度,可以是可视化图表中的所有维度,如三维坐标图中的三个维度,也可以是可视化图表中所有维度中的部分维度,如三维坐标图中的两个维度等。在实际应用中,可以将可视化图表中自变量对应的维度确定为指定维度,如可视化图表为时间与发生的事件的事件数量的坐标图,如果需要查询的信息为某时间点或时间段发生的事件的内容,则时间可以为上述坐标图中的自变量对应的维度,可以将时间维度作为指定维度。此外,也可以将事件数量维度作为指定维度,或者同时将时间维度和事件数量维度作为指定维度。
待显示的坐标点即为可视化图表中在指定维度上的可视坐标点。例如,在当前显示窗口内显示可视化图表,若对可视化图表进行放大,则指定维度上的部分坐标点由于无法在当前显示窗口内显示出来,则因此这部分坐标点即为不可视坐标点,不属于待显示的坐标点,而能够在当前显示窗口内显示出来的坐标点则属于待显示的坐标点。
在一个实施例中,确定可视化图表中在指定维度上待显示的坐标点时,可首先确定可视化图表中在指定维度上待显示的坐标值范围,进而根据坐标值范围及多维度信息,从多维度信息中选择与指定维度对应的、且位于坐标值范围内的维度信息为待显示的坐标点。
本实施例中,待显示的坐标值范围即为可视化图表中在指定维度上的可视坐标点的范围值。例如,在当前显示窗口内显示可视化图表,可视化图表的指定维度——时间维度上显示出了从0到10(单位为分钟)的信息,那么待显示的坐标值范围即为[0,10],进而从多维度信息中选择与时间维度对应的、且位于坐标值范围[0,10]之内的维度信息作为待显示的坐标点。
在一个实施例中,可根据第一操作的操作类型确定可视化图表中在指定维度上待显示的坐标点。具体的,若第一操作为缩小操作或放大操作,则确定可视化图表中在指定维度上可显示的全部坐标点,然后从全部坐标点中筛选出满足预设条件的部分坐标点为待显示的坐标点。其中,预设条件包括相邻两个坐标点在指定维度上的待显示间距达到第一预设阈值、待显示的坐标点的数量不超过第二预设阈值中的至少一项。
本实施例中,通过从可视化图表中在指定维度上可显示的全部坐标点中筛选出满足预设条件的部分坐标点作为待显示的坐标点,使得每相邻两个待显示的坐标点在指定维度上的待显示间距达到第一预设阈值,和/或,待显示的坐标点的数量不超过第二预设阈值,从而很好地控制了指定维度上待显示的坐标点的数量,避免显示过多数量的坐标点而导致的可视化图表显示卡顿的现象。
在一个实施例中,指定维度为时间维度。因此,从全部坐标点中筛选出满足预设条件的部分坐标点为待显示的坐标点时,可先确定可视化图表的时间维度上的起始时间点、结束时间点和显示时间间隔;进而按照所确定的显示时间间隔在起始时间点和结束时间点之间选取时间点,并将选取的时间点作为待显示的时间点。
其中,显示时间间隔根据第一操作的缩放程度确定。
可选的,第一操作若为缩小操作,则缩小程度越大,显示时间间隔越大;缩小程度越小,显示时间间隔越小。第一操作若为放大操作,则放大程度越大,显示时间间隔越小;放大程度越小,显示时间间隔也就越大。这样处理的优点在于,不仅能够在指定维度上清晰地显示出坐标点,且能够在一定程度上控制坐标点的显示数量,确保所显示的坐标点的数量不会影响可视化图表的显示流畅度。
确定出可视化图表在指定维度上待显示的坐标点之后,根据待显示的坐标点从多维度信息中获取与待显示的坐标点对应的维度信息。
如上述所说,多维度信息即是多个维度上的信息进行映射组合而形成的信息,那么多维度信息中与待显示的坐标点对应的维度信息即为与待显示的坐标点进行映射组合的另一维度信息。例如,二维度信息包括时间维度上的时间信息以及事件数量维度上的数量信息,若指定维度为时间维度,指定维度上待显示的坐标点即为时间维度上待显示的时间信息,与待显示的坐标点对应的维度信息即为事件数量维度上与待显示的坐标点对应的数量信息。
获取与待显示的坐标点对应的维度信息之后,根据待显示的坐标点及所获取的维度信息,对可视化图表的显示内容进行渲染。
其中,可视化图表的显示内容即为待显示的坐标点及其对应的维度信息所映射组合形成的信息在可视化图表中的显示结果。例如,二维度信息包括时间维度上的时间信息以及事件数量维度上的数量信息,指定维度为时间维度,指定维度上待显示的坐标点即为时间维度上待显示的时间信息,与待显示的坐标点对应的维度信息即为事件数量维度上与待显示的坐标点对应的数量信息。若可视化图表为可视化柱状图,则可视化柱状图的显示内容即为待显示的时间信息及其对应的事件数量信息所映射组合而成的信息的柱状条。
在一个实施例中,可视化图表为二维柱状图,二维柱状图包括指定维度对应的第一坐标轴及与第一坐标轴相垂直的第二坐标轴。因此,对可视化图表的显示内容进行渲染时,可确定待显示的坐标点与第一坐标轴相对应,及,确定获取的维度信息与第二坐标轴相对应,并根据待显示的坐标点与第一坐标轴的对应关系及获取的维度信息与第二坐标轴的对应关系,在二维柱状图上渲染待显示的坐标点与获取的维度信息对应的柱状条。
如上述所说,待显示的坐标点与获取的维度信息可映射组合为多维度信息,在本实施例中,可视化图表为二维柱状图,那么待显示的坐标点与获取的维度信息可映射组合为二维度信息。
假设二维度信息包括时间维度上的时间信息以及事件维度上的事件数据信息,则在可视化柱状图上渲染时间维度上待显示的时间点及其对应的事件数据信息时,可将待显示的时间点与时间维度对应的第一坐标轴——横坐标轴相对应,同时将与待显示的时间点对应的事件数据信息与事件维度对应的第二坐标轴——纵坐标轴相对应,进而根据该对应关系在二维柱状图上渲染待显示的时间点及其对应的事件数据信息所对应的柱状条。
图2是根据本说明书另一实施例的一种信息显示方法的示意性流程图。本实施例中,以可视化图表为二维柱状图为例,二维柱状图用于渲染包括时间维度上的时间信息以及事件维度上的事件数据信息的二维度信息,且二维柱状图的指定维度为时间维度。如图2所示,该方法包括:
S201,根据对二维柱状图的时间维度所执行的第一操作,确定二维柱状图中在时间维度上可显示的全部时间点。
其中,第一操作可包括缩小操作、放大操作、拖拽操作或选取操作等任一种或多种可对可视化图表执行的操作。
S202,根据可显示的全部时间点及第一操作的缩放程度,确定可显示的起始时间点、结束时间点和显示时间间隔。
该步骤中,第一操作若为缩小操作,则缩小程度越大,显示时间间隔越大;缩小程度越小,显示时间间隔越小。第一操作若为放大操作,则放大程度越大,显示时间间隔越小;放大程度越小,显示时间间隔也就越大。这样处理的优点在于,不仅能够在指定维度上清晰地显示出坐标点,且能够在一定程度上控制坐标点的显示数量,确保所显示的坐标点的数量不会影响可视化图表的显示流畅度。
S203,按照显示时间间隔,从起始时间点和结束时间点之间筛选出部分时间点作为时间维度上待显示的时间点。
S204,根据待显示的时间点,从二维度信息中获取与待显示的时间点对应的事件数据信息。
S205,在二维柱状图中渲染待显示的时间点及其对应的事件数据信息映射组合成的二维度信息的柱状条。
图3示出了采用本实施例提供的信息显示方法显示信息的二维柱状图。如图3所示,二维柱状图的横坐标对应时间维度,用于显示时间点;纵坐标对应事件维度,用于显示事件数据。时间维度为指定维度。当用户对时间维度执行放大操作时,确定出放大后的二维柱状图在时间维度上待显示的起始时间点为1小时,结束时间点为10小时,显示时间间隔为1小时,那么根据显示时间间隔从起始时间点和结束时间点之间选择待显示的时间点为包括从1至10(小时)的十个时间点,如图3所示,二维柱状图中示出了包括从1至10(小时)的十个时间点与其对应的事件数据信息所映射组合成的二维度信息的柱状条。
由图3所示的二维柱状图可看出,当用户对时间维度执行放大操作时,二维柱状图中仅渲染可视化的从1至10(小时)这十个时间点与其对应的事件数据信息所映射组合成的二维度信息的柱状条,而并为渲染其他时间点对应的为维度信息的柱状条,这在很大程度程度上减少了需要渲染的数据量,从而减少渲染过程中生成的DOM结点的数量,使得二维柱状图被缩放时仍然能够流畅地显示,提高用户对解读数据及对可视化图表的操作体验度。
图4是根据本说明书再一实施例的一种信息显示方法的示意性流程图。本实施例中,以可视化图表为二维柱状图为例,二维柱状图用于渲染包括时间维度上的时间信息以及事件维度上的事件数据信息的二维度信息,且二维柱状图的指定维度为时间维度。如图4所示,该方法包括:
S401,根据对二维柱状图的时间维度所执行的第一操作,确定二维柱状图中在时间维度上待显示的时间点范围。
其中,第一操作可包括缩小操作、放大操作、拖拽操作或选取操作等任一种或多种可对可视化图表执行的操作。
S402,根据待显示的时间点范围及二维度信息,从二维度信息中选择与时间维度相对应的、且位于待显示的时间点范围之内的时间点作为待显示的时间点。
S403,根据待显示的时间点,从二维度信息中获取与待显示的时间点对应的事件数据信息。
S404,在二维柱状图中渲染待显示的时间点及其对应的事件数据信息映射组合成的二维信息的柱状条。
图5示出了采用本实施例提供的信息显示方法显示信息的二维柱状图。如图5所示,二维柱状图的横坐标对应时间维度,用于显示时间点;纵坐标对应事件维度,用于显示事件数据。时间维度为指定维度。当用户对时间维度执行拖拽操作时,确定出拖拽后的二维柱状图在时间维度上待显示的时间点范围为[1,10](单位为小时)假设二维度信息中与时间维度对应的维度信息依次为1小时、3小时、5小时、7小时、9小时、11小时……,那么根据二维度信息及待显示的时间点范围,可确定出时间维度上待显示的时间点为1小时、3小时、5小时、7小时及9小时。如图5所示,二维柱状图中示出了包括1小时、3小时、5小时、7小时及9小时这5个时间点和与其对应的事件数据信息所映射组合成的二维度信息的柱状条。
由图5所示的二维柱状图可看出,当用户对时间维度执行放大操作时,二维柱状图中仅渲染可视化的1小时、3小时、5小时、7小时及9小时这五个时间点和与其对应的事件数据信息所映射组合成的二维度信息的柱状条,而并为渲染其他时间点对应的为维度信息的柱状条,这在很大程度程度上减少了需要渲染的数据量,从而减少渲染过程中生成的DOM结点的数量,使得二维柱状图被缩放时仍然能够流畅地显示,提高用户对解读数据及对可视化图表的操作体验度。
综上,已经对本主题的特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作可以按照不同的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序,以实现期望的结果。在某些实施方式中,多任务处理和并行处理可以是有利的。
以上为本说明书一个或多个实施例提供的信息显示方法,基于同样的思路,本说明书一个或多个实施例还提供一种信息显示装置。
图6是根据本说明书一实施例的一种信息显示装置的示意性框图,如图6所示,信息显示装置600包括:
确定模块610,用于根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定可视化图表中在指定维度上待显示的坐标点;其中,可视化图表为根据多维度信息中的至少一部分信息进行可视化渲染所生成的图表;
获取模块620,用于根据待显示的坐标点,从多维度信息中获取与待显示的坐标点对应的维度信息;
渲染模块630,用于根据待显示的坐标点及获取的维度信息,对可视化图表的显示内容进行渲染。
在一个实施例中,第一操作包括缩小操作、放大操作、拖拽操作或选取操作。
在一个实施例中,确定模块610包括:
第一确定单元,用于确定可视化图表中在指定维度上待显示的坐标值范围;
选择单元,用于根据坐标值范围及多维度信息,从多维度信息中选择与指定维度对应的、且位于坐标值范围内的维度信息为待显示的坐标点。
在一个实施例中,可视化图表为二维柱状图,二维柱状图包括指定维度对应的第一坐标轴及与第一坐标轴相垂直的第二坐标轴;
相应的,渲染模块630包括:
第二确定单元,用于确定待显示的坐标点与第一坐标轴相对应,及,确定获取的维度信息与第二坐标轴相对应;
渲染单元,用于根据待显示的坐标点与第一坐标轴的对应关系及获取的维度信息与第二坐标轴的对应关系,在二维柱状图上渲染待显示的坐标点与获取的维度信息对应的柱状条。
在一个实施例中,确定模块610包括:
第三确定单元,用于若第一操作为缩小操作或放大操作,则确定可视化图表中在指定维度上可显示的全部坐标点;
筛选单元,用于从全部坐标点中筛选出满足预设条件的部分坐标点为待显示的坐标点;
其中,预设条件包括相邻两个坐标点在指定维度上的待显示间距达到第一预设阈值、待显示的坐标点的数量不超过第二预设阈值中的至少一项。
在一个实施例中,指定维度为时间维度;
相应的,筛选单元还用于:
确定可视化图表的时间维度上的起始时间点、结束时间点和显示时间间隔;其中,显示时间间隔根据第一操作的缩放程度确定;
按照显示时间间隔,在起始时间点和结束时间点之间选取时间点,将选取的时间点作为待显示的时间点。
采用本说明书一个或多个实施例的装置,能够根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定可视化图表中在指定维度上待显示的坐标点,并根据待显示的坐标点从多维度信息中获取与待显示的坐标点对应的维度信息,进而根据待显示的坐标点及其对应的维度信息对可视化图表的显示内容进行渲染。可见,该技术方案在进行可视化图表渲染时,仅是将可视化图表在指定维度上待显示的坐标点及其对应的维度信息渲染出来,而并非将指定维度上所有的坐标点及其维度信息均渲染出来,显然,这大大减少了需要渲染的数据量,从而减少渲染过程中生成的DOM结点的数量,使得可视化图表被拖动或缩放时仍然能够流畅地显示,提高用户对解读数据及对可视化图表的操作体验度。
本领域的技术人员应可理解,上述信息显示装置能够用来实现前文所述的信息显示方法,其中的细节描述应与前文方法部分描述类似,为避免繁琐,此处不另赘述。
基于同样的思路,本说明书一个或多个实施例还提供一种信息显示设备,如图7所示。信息显示设备可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上的处理器701和存储器702,存储器702中可以存储有一个或一个以上存储应用程序或数据。其中,存储器702可以是短暂存储或持久存储。存储在存储器702的应用程序可以包括一个或一个以上模块(图示未示出),每个模块可以包括对信息显示设备中的一系列计算机可执行指令。更进一步地,处理器701可以设置为与存储器702通信,在信息显示设备上执行存储器702中的一系列计算机可执行指令。信息显示设备还可以包括一个或一个以上电源703,一个或一个以上有线或无线网络接口704,一个或一个以上输入输出接口705,一个或一个以上键盘706。
具体在本实施例中,信息显示设备包括有存储器,以及一个或一个以上的程序,其中一个或者一个以上程序存储于存储器中,且一个或者一个以上程序可以包括一个或一个以上模块,且每个模块可以包括对信息显示设备中的一系列计算机可执行指令,且经配置以由一个或者一个以上处理器执行该一个或者一个以上程序包含用于进行以下计算机可执行指令:
根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定所述可视化图表中在所述指定维度上待显示的坐标点;其中,所述可视化图表为根据所述多维度信息中的至少一部分信息进行可视化渲染所生成的图表;
根据所述待显示的坐标点,从所述多维度信息中获取与所述待显示的坐标点对应的维度信息;
根据所述待显示的坐标点及所述获取的维度信息,对所述可视化图表的显示内容进行渲染。
可选地,所述第一操作包括缩小操作、放大操作、拖拽操作或选取操作。
可选地,计算机可执行指令在被执行时,还可以使所述处理器:
确定所述可视化图表中在所述指定维度上待显示的坐标值范围;
根据所述坐标值范围及所述多维度信息,从所述多维度信息中选择与所述指定维度对应的、且位于所述坐标值范围内的维度信息为所述待显示的坐标点。
可选地,所述可视化图表为二维柱状图,所述二维柱状图包括所述指定维度对应的第一坐标轴及与所述第一坐标轴相垂直的第二坐标轴;
相应的,计算机可执行指令在被执行时,还可以使所述处理器:
确定所述待显示的坐标点与所述第一坐标轴相对应,及,确定所述获取的维度信息与所述第二坐标轴相对应;
根据所述待显示的坐标点与所述第一坐标轴的对应关系及所述获取的维度信息与所述第二坐标轴的对应关系,在所述二维柱状图上渲染所述待显示的坐标点与所述获取的维度信息对应的柱状条。
可选地,计算机可执行指令在被执行时,还可以使所述处理器:
若所述第一操作为所述缩小操作或放大操作,则确定所述可视化图表中在所述指定维度上可显示的全部坐标点;
从所述全部坐标点中筛选出满足预设条件的部分坐标点为所述待显示的坐标点;
其中,所述预设条件包括相邻两个坐标点在所述指定维度上的待显示间距达到第一预设阈值、所述待显示的坐标点的数量不超过第二预设阈值中的至少一项。
可选地,所述指定维度为时间维度;
相应的,计算机可执行指令在被执行时,还可以使所述处理器:
确定所述可视化图表的时间维度上的起始时间点、结束时间点和显示时间间隔;其中,所述显示时间间隔根据所述第一操作的缩放程度确定;
按照所述显示时间间隔,在所述起始时间点和所述结束时间点之间选取时间点,将所述选取的时间点作为待显示的时间点。
本说明书一个或多个实施例还提出了一种计算机可读存储介质,该计算机可读存储介质存储一个或多个程序,该一个或多个程序包括指令,该指令当被包括多个应用程序的电子设备执行时,能够使该电子设备执行上述信息显示方法,并具体用于执行:
根据对多维度信息的可视化图表的指定维度所执行的第一操作,确定所述可视化图表中在所述指定维度上待显示的坐标点;其中,所述可视化图表为根据所述多维度信息中的至少一部分信息进行可视化渲染所生成的图表;
根据所述待显示的坐标点,从所述多维度信息中获取与所述待显示的坐标点对应的维度信息;
根据所述待显示的坐标点及所述获取的维度信息,对所述可视化图表的显示内容进行渲染。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本说明书一个或多个实施例时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本说明书一个或多个实施例可提供为方法、系统、或计算机程序产品。因此,本说明书一个或多个实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本说明书一个或多个实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书一个或多个实施例是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本说明书一个或多个实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本说明书一个或多个实施例而已,并不用于限制本说明书。对于本领域技术人员来说,本说明书一个或多个实施例可以有各种更改和变化。凡在本说明书一个或多个实施例的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本说明书一个或多个实施例的权利要求范围之内。