CN111652955A - 一种数据展示方法、装置、计算机设备及存储介质 - Google Patents
一种数据展示方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN111652955A CN111652955A CN202010274077.3A CN202010274077A CN111652955A CN 111652955 A CN111652955 A CN 111652955A CN 202010274077 A CN202010274077 A CN 202010274077A CN 111652955 A CN111652955 A CN 111652955A
- Authority
- CN
- China
- Prior art keywords
- data
- display area
- target
- displayed
- preset
- 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
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供的一种数据展示方法、装置、计算机设备及存储介质，获取展示区域的宽度和当前待展示的真实数据的个数，根据预设的展示区域宽度与可展示数据个数的对应关系，确定与展示区域的宽度对应的目标可展示数据个数，如果真实数据的个数大于目标可展示数据个数，对真实数据进行分组，得到m个第一数据组，m不大于目标可展示数据个数，并分别生成各个第一数据组对应的绘制点，由生成的多个绘制点组成一个第一折线图，并在展示区域中展示第一折线图。通过本方案得到的第一折线图，可以反映出待展示数据的整体数据趋势。
Description
技术领域
本申请涉及数据管理领域，尤其涉及一种数据展示方法、装置、计算机设备及存储介质。
背景技术
在对大量数据进行趋势分析时，为了直观的了解数据趋势，通常会采用绘制数据图形的方式对数据进行展示，例如采用绘制折线图的方式对大量数据进行展示。
当折线图中包含的数据非常多，且展示区域较小的情况下，展示区域中每次只能展示一部分数据，无法展示全部的数据，而用户也只能了解这一部分数据所反映的数据趋势，而无法了解数据的整体数据趋势，用户若想了解数据的整体趋势就需要用户滑动展示区域，但是用户每滑动一次也只能看到部分数据点对应的数据趋势，仍然无法直观的了解全部数据的整体趋势，而且在滑动过程中需要对数据进行加载，常常会出现卡顿。
发明内容
为了解决现有数据展示时无法展示整体数据趋势的技术问题，本申请提供了一种数据展示方法、装置、计算机设备及存储介质。
第一方面，本发明实施例提供了一种数据展示方法，包括：
获取展示区域的宽度和当前待展示的真实数据的个数；
根据预设的展示区域宽度与可展示数据个数的对应关系，确定与所述展示区域的宽度对应的目标可展示数据个数；
若所述当前待展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数；
采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点；
在所述展示区域中展示由m个第一数据组对应的绘制点共同组成的第一折线图。
在一种可能的实现方式中，获取展示区域的宽度，包括：
获取进行数据展示的设备的屏幕宽度，将所述屏幕宽度作为所述展示区域的宽度。
在一种可能的实现方式中，若所述m等于所述目标可展示数据个数，按照预设的分组规则对所述展示区域中当前待展示的真实数据进行分组，得到m个第一数据组，包括：
计算所述展示区域中当前待展示的真实数据的个数与所述目标可展示数据个数的比值n；
根据预设的坐标系，确定各个当前待展示的真实数据对应的坐标值；
以n个X轴值连续的真实数据为一个数据组，对所述当前待展示的真实数据进行分组，得到m个第一数据组。
在一种可能的实现方式中，所述方法还包括：
检测所述展示区域是否发生放大事件或缩小事件；
若所述展示区域发生放大事件，则获取所述放大事件的触发时间并根据所述放大事件确定所述展示区域中预计展示的真实数据的个数和所述预计展示的真实数据对应的X轴取值范围，并将所述预计展示的真实数据对应的X轴取值范围作为所述放大事件对应的X轴取值范围；
将所述放大事件的触发时间和所述放大事件对应的X轴取值范围存储在预设的存储模块中；
若所述预计展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述预计展示的真实数据进行分组，得到m个第二数据组，所述m不大于所述目标可展示数据个数；
采用预设的绘制点生成算法，分别生成各个第二数据组对应的绘制点；
在所述展示区域中展示由各个第二数据组对应的绘制点共同组成的第二折线图。
在一种可能的实现方式中，所述方法还包括：
若所述展示区域发生缩小事件，则根据所述存储模块中存储的放大事件的触发时间，确定所述存储模块中存储的上次最新放大事件对应的X轴取值范围，作为目标X轴取值范围；
确定与所述目标X轴取值范围对应的目标真实数据和所述目标真实数据的个数；
若所述目标真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述目标真实数据进行分组，得到m个第三数据组，所述m不大于所述目标可展示数据个数；
采用预设的绘制点生成算法，分别生成各个第三数据组对应的绘制点；
在所述展示区域中展示由各个第三数据组对应的绘制点共同组成的第三折线图。
在一种可能的实现方式中，采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点，包括：
分别计算m个第一数据组中所有真实数据的平均值；
分别生成与m个第一数据组的所述平均值对应的绘制点。
在一种可能的实现方式中，所述方法还包括：
检测所述第一折线图中的绘制点是否接收到hover操作；
若所述绘制点接收到hover操作，则在所述第一折线图中展示所述绘制点对应的第一数据组中包含的前预设数目个真实数据。
第二方面，本发明实施例还提供了一种数据展示装置，包括：
获取模块，用于获取展示区域的宽度和当前待展示的真实数据的个数；
确定模块，用于根据预设的展示区域宽度与可展示数据个数的对应关系，确定与所述展示区域的宽度对应的目标可展示数据个数；
第一分组模块，用于若所述当前待展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数；
第一绘制点生成模块，用于采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点；
第一展示模块，用于在所述展示区域中展示由m个第一数据组对应的绘制点共同组成的第一折线图。
在一种可能的实现方式中，所述获取模块具体用于：
获取进行数据展示的设备的屏幕宽度，将所述屏幕宽度作为所述展示区域的宽度。
在一种可能的实现方式中，若所述m等于所述目标可展示数据个数；
所述第一分组模块具体用于：
计算所述展示区域中当前待展示的真实数据的个数与所述目标可展示数据个数的比值n；
根据预设的坐标系，确定各个当前待展示的真实数据对应的坐标值；
以n个X轴值连续的真实数据为一个数据组，对所述当前待展示的真实数据进行分组，得到m个第一数据组。
在一种可能的实现方式中，所述装置还包括：
检测事件，检测所述展示区域是否发生放大事件或缩小事件；
放大信息确定模块，用于若所述展示区域发生放大事件，则获取所述放大事件的触发时间并根据所述放大事件确定所述展示区域中预计展示的真实数据的个数和所述预计展示的真实数据对应的X轴取值范围，并将所述预计展示的真实数据对应的X轴取值范围作为所述放大事件对应的X轴取值范围；
存储模块，用于将所述放大事件的触发时间和所述放大事件对应的X轴取值范围进行存储；
第二分组模块，用于若所述预计展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述预计展示的真实数据进行分组，得到m个第二数据组，所述m不大于所述目标可展示数据个数；
第二绘制点生成模块，用于采用预设的绘制点生成算法，分别生成各个第二数据组对应的绘制点；
第二展示模块，用于在所述展示区域中展示由各个第二数据组对应的绘制点共同组成的第二折线图。
在一种可能的实现方式中，所述装置还包括：
缩小信息获取模块，用于若所述展示区域发生缩小事件，则根据所述存储模块中存储的放大事件的触发时间，确定所述存储模块中存储的最新一次放大事件对应的X轴取值范围，作为目标X轴取值范围；
目标真实数据确定模块，用于确定与所述目标X轴取值范围对应的目标真实数据和所述目标真实数据的个数；
第三分组模块，用于若所述目标真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述目标真实数据进行分组，得到m个第三数据组，所述m不大于所述目标可展示数据个数；
第三绘制点生成模块，用于采用预设的绘制点生成算法，分别生成各个第三数据组对应的绘制点；
第三展示模块，用于在所述展示区域中展示由各个第三数据组对应的绘制点共同组成的第三折线图，在所述展示区域中展示所述目标真实数据组中前预设数目个真实数据。
在一种可能的实现方式中，所述第一绘制点生成模块具体用于：
分别计算m个第一数据组中所有真实数据的平均值；
分别生成与m个第一数据组的所述平均值对应的绘制点。
在一种可能的实现方式中，所述装置还包括：
检测模块，用于检测所述第一折线图中的绘制点是否接收到hover操作；
第五展示模块，用于若所述绘制点接收到hover操作，则在所述第一折线图中展示所述绘制点对应的第一数据组中包含的前预设数目个真实数据。
第三方面，本发明实施例还提供一种计算机设备，包括：处理器和存储器，所述处理器用于执行所述存储器中存储的数据处理程序，以实现第一方面所述的数据展示方法。
第四方面，本发明实施例还提供一种存储介质，所述存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现第一方面所述的数据展示方法。
本申请实施例提供的上述技术方案与现有技术相比具有如下优点：
本申请实施例提供的一种数据展示方法，获取展示区域的宽度和当前待展示的真实数据的个数，根据预设的展示区域宽度与可展示数据个数的对应关系，确定与展示区域的宽度对应的目标可展示数据个数，如果真实数据的个数大于目标可展示数据个数，对真实数据进行分组，得到m个第一数据组，m不大于目标可展示数据个数，并分别生成各个第一数据组对应的绘制点，由生成的多个绘制点组成一个第一折线图，并在展示区域中展示第一折线图。通过本方案得到的第一折线图，可以反映出待展示数据的整体数据趋势，第一折线图包含的数据信息可以在展示区域中完整展示，且由于折线图中绘制点的个数如前面所述是预设的，用户在展示区域进行滑动时，不会造成卡顿。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种数据展示方法流程图；
图2为本申请实施例提供的一种数据展示方法流程图；
图3为本申请实施例提供的一种数据展示方法流程图；
图4为本申请实施例提供的一种数据展示装置框图；
图5为本申请实施例提供的一种计算机设备示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
目前在对数据进行分析时，为了了解数据的趋势往往会以图形(例如折线图等)的方式对数据进行展示时，如果数据量巨大，而查看和操作区域(比如手机屏幕)较小的场景下，往往会出现无法展示完整数据趋势的问题。
本发明实施例提供了一种数据展示方法，用于解决对大量数据进行分析时无法展示完整数据趋势的问题。
在对数据进行分析时，为了更直观的了解数据的数据趋势，通常会在进行数据展示的设备(例如手机、平板电脑、台式电脑等等)的屏幕中对数据进行展示，而不同的设备由于屏幕大小不同，导致用于对数据进行展示的展示区域的大小也不同，而通常不同的展示区域都会对应不同的可展示数据个数，可展示数据个数指的是展示区域中每次可以流畅展示的最大数据个数，针对同一展示区域其对应的可展示数据个数通常为定值，因此在执行本实施例提供的数据展示方法之前，先设置展示区域宽度与可展示数据个数的对应关系，通过该对应关系，在知道展示区域宽带的情况下即可知道展示区域每次最多可展示的数据个数，其中展示区域宽度可以为进行数据展示的设备的屏幕宽度。
图1为本发明实施例提供的一种数据展示方法流程图，如图1所示，首先获取展示区域的宽度，然后根据预设的展示区域宽度与可展示数据个数的对应关系，确定展示区域对应的目标可展示数据个数c，获取当前需要在展示区域内展示的数据的个数，也就是待展示数据的个数t，计算t和c的比值n，如果n不大于1就说明待展示数据的个数不大于展示区域的目标可展示数据个数，此时对待展示数据正常展示即可，如果n大于1就说明待展示数据的个数大于展示区域的目标可展示数据个数，待展示数据无法一次在展示区域中完全展示出来，这就导致待展示数据的完整数据趋势无法在展示区域中展示，此时对待展示数据进行重新构造，以使待展示数据的完整数据趋势可以在展示区域中展示出来，在n大于1的情况下还需检测是否有dateZoom事件即区域缩放事件发生，当有dateZoom事件发生时，判断是放大事件还是缩小事件，如果是放大事件，根据放大事件确定数据范围，对该数据范围内的数据进行展示，就并将该数据范围对应的x轴取值范围放入zoom栈中(zoom栈中预先存储有初始最大坐标轴范围，即[0,可展示数据个数])，如果是缩小事件，就从zoom栈中获取上次最新放大事件对应的x轴取值范围，确定与x轴取值范围对应的数据范围，并对该数据范围内的数据进行展示。
图2为本发明实施例提供的一种数据展示方法的流程图，如图2所示该方法可以包括如下步骤：
S11.获取展示区域的宽度和当前待展示的真实数据的个数；
S12.根据预设的展示区域宽度与可展示数据个数的对应关系，确定与所述展示区域的宽度对应的目标可展示数据个数；
S13.若所述当前待展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数；
S14采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点；
S15.在所述展示区域中展示由m个第一数据组对应的绘制点共同组成的第一折线图。
若所述当前待展示的真实数据的个数不大于目标可展示数据个数，则将当前待展示的真实数据直接绘制为折线图进行展示即可。
本实施例提供的数据展示方法，获取展示区域的宽度和当前待展示的真实数据的个数，根据预设的展示区域宽度与可展示数据个数的对应关系，确定与展示区域的宽度对应的目标可展示数据个数，如果真实数据的个数大于目标可展示数据个数，对真实数据进行分组，得到m个第一数据组，m不大于目标可展示数据个数，并分别生成各个第一数据组对应的绘制点，由生成的多个绘制点组成一个第一折线图，并在展示区域中展示第一折线图。通过本方案得到的第一折线图，可以反映出待展示数据的整体数据趋势，且第一折线图可以在展示区域中完整展示，且由于绘制点的个数不会超过如前面所述是预设的，用户在展示区域进行滑动时，不会造成卡顿。
在上述实施例的基础上，S11获取展示区域的宽度具体的可以包括：
获取进行数据展示的设备的屏幕宽度，将屏幕宽度作为展示区域的宽度。
设备的屏幕宽度作为设备的属性值通常会存储在设备的本地文件中，因此可以直接从设备的本地文件中获取设备的屏幕宽度，另外，一个型号的设备其对应的屏幕宽度通常是固定的，因此也可以获取设备的标识信息(例如序列号等可以表示设备型号的信息)，然后根据设备的标识信息从网络中查询对应的屏幕宽度。
展示区域的宽度为设备的屏幕宽度，则S12中预设的展示区域宽度与可展示数据个数的对应关系，可以为屏幕宽度与可展示数据个数的对应关系，其中对应关系可以为mapping的形式，比如格式可以为{展示区域宽度:700px，可展示数据:2000}，对应关系可以存储在进行数据展示的设备中或存储在设备可以远程访问的数据节点中。
在本实施例中，将进行数据展示的设备的屏幕宽度作为展示区域的宽度，从而使得本实施例提供的数据展示方法可以实现针对多种不同型号的设备进行适应性的数据展示，适用范围广。
在上述实施例的基础上，m为不大于所述目标可展示数据个数的整数，因为本实施例是根据第一数据组确定绘制点，将当前待展示的真实数据划分的组数越多，由绘制点绘制出的第一折线图的数据趋势就越接近待展示的数据的真实数据趋势，因此，优选的m等于展示区域对应的目标可展示数据个数，当m等于展示区域对应的目标可展示数据个数时，S13按照预设的分组规则对所述展示区域中当前待展示的真实数据进行分组，得到m个第一数据组，可以采用下述方式：
步骤1：计算所述展示区域中当前待展示的真实数据的个数与所述目标可展示数据个数的比值n。
因为该方式为将n个连续的数据划分为一组，而n只有在整数时才可以用来对数据进行分组，但是当前待展示的真实数据的个数与所述目标可展示数据个数的比值有时候可能并不是整数，当比值不是整数时，就将n的值设置为当前待展示的真实数据的个数与所述目标可展示数据个数的比值向上取整的值。
步骤2：根据预设的坐标系，确定各个当前待展示的真实数据对应的坐标值。
通常预设的坐标系为直角坐标系。
步骤3：以n个X轴值连续的真实数据为一个数据组，对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数。
将m的值设置为等于目标可展示数据个数，可以使第一折线图的数据趋势最接近当前待展示的真实数据的真实数据趋势。
在上述实施例的基础上，S14中，针对每个第一数据组分别生成一个绘制点，可以采用下述方式生成绘制点：
步骤1：分别计算m个第一数据组中所有真实数据的平均值；
步骤2：分别生成与m个第一数据组的所述平均值对应的绘制点。
通过上述方式得到的各个绘制点可以分别反映各个第一数据组的平均值，这就使得，由上述绘制点组成的第一折线图的数据趋势可以更接近当前待展示的真实数据的数据趋势。
如图3所示的一种数据展示方法，在上述实施例的基础上，数据展示方法还可以包括：
S16.检测所述展示区域是否发生放大事件或缩小事件。
在一种可能的实现方式中，可以监听dataZoom事件来确定展示区域是否发生放大事件或缩小事件，当发生dataZoom时，若zoom栈为空，或当前zoom栈中的endValue到startValue的范围大于zoom栈中存储的前一个endValue到startValue的范围时，则确定发生了放大事件；若当前zoom栈中存储的endValue到startValue的范围小于dataZoom栈中存储的前一个endValue到startValue的范围，则确定发生缩小事件。
当展示区域发生放大事件时，执行下述操作：
S171.若所述展示区域发生放大事件，则获取所述放大事件的触发时间并根据所述放大事件确定所述展示区域中预计展示的真实数据的个数和所述预计展示的真实数据对应的X轴取值范围，并将所述预计展示的真实数据对应的X轴取值范围作为所述放大事件对应的X轴取值范围。
S172.将所述放大事件的触发时间和所述放大事件对应的X轴取值范围存储在预设的存储模块中。
其中存储模块可以为预设的zoom栈。
S173.若所述预计展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述预计展示的真实数据进行分组，得到m个第二数据组，所述m不大于所述目标可展示数据个数。
S174.采用预设的绘制点生成算法，分别生成各个第二数据组对应的绘制点。
S175.在所述展示区域中展示由各个第二数据组对应的绘制点共同组成的第二折线图。
当展示区域发生缩小操作时，执行下述操作：
S181.若所述展示区域发生缩小事件，则根据所述存储模块中存储的放大事件的触发时间，确定所述存储模块中存储的上次最新放大事件对应的X轴取值范围，作为目标X轴取值范围。
只有在发生过放大事件的情况下才会发生缩小事件，所以在发生缩小事件之前必然发生了对应的放大事件，在放生缩小事件时，当前zoom栈中最新存储的放大事件对应的X轴取值范围是当次缩小事件对应的放大事件的X轴取值范围，若获取zoom栈中最新存储的放大事件对应的X轴取值范围作为目标X轴取值范围，会使得发生缩小事件时展示区域展示的折线图无变化，所以在发生缩小事件时获取的应该是与缩小事件对应的放大事件之前的一次最新的放大事件对应的X轴取值范围。
例如，展示区域发生第一缩小事件之前最新发生的放大事件为第一放大事件，而在发生的第一放大事件之前最新发生的放大事件为第二放大事件，则展示区域发生第一缩小事件时，对应的目标X轴取值范围就是第二放大事件对应的X轴取值范围。
S182.确定与所述目标X轴取值范围对应的目标真实数据和所述目标真实数据的个数。
S183.若所述目标真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述目标真实数据进行分组，得到m个第三数据组，所述m不大于所述目标可展示数据个数。
S184.采用预设的绘制点生成算法，分别生成各个第三数据组对应的绘制点。
S185.在所述展示区域中展示由各个第三数据组对应的绘制点共同组成的第三折线图。
其中S173和S183采用的分组规则与S13采用的分组规则一致，此处不再赘述。
通过上述方式在发生缩小事件时可以对上一次放大操作对应的数据进行展示。
本实施例提供的数据展示方法，根据展示区域发生的dataZoom事件，对展示区域展示的折线图进行更新，可以更好的满足用户的需求。
用户通常通过触控屏幕对展示区域进行放大或缩小操作，从而使展示区域发生放大事件或缩小事件，由于用户触控屏幕进行放大操作或缩小(捏合)操作时，会触发不止一次dataZoom，这就导致同一个放大事件可能会对应多个触发时间和X周取值范围，为了保证发生缩小事件时所展示的目标真实数据的完整性，在上述实施例的基础上，可以通过下述方式来确定最新一次放大事件对应的X轴取值范围：
获取缩小事件对应的触发时间为lastSysTime，根据预设的时间间隔T，选取zoom栈中存储的距lastSysTime预设时长内，且和zoom栈中存储的上一个X轴取值范围的时间差值不超过T的X轴取值范围，均作为最新一次放大事件对应的X轴取值范围，也就是目标X轴取值范围。其中T和预设时长都是根据需求设定的值，例如T可以为500ms，预设时长可以为1s。
通过上述方式得到的最新一次放大事件对应的X轴取值范围更加准确。
在上述实施例的基础上，数据展示方法还可以包括：
检测所述第一折线图中的绘制点是否接收到hover操作，若所述绘制点接收到hover操作，则在所述第一折线图中展示所述绘制点对应的第一数据组中包含的前预设数目个真实数据。
具体的，可以采用提示条tooltip的形式对绘制点对应的预设数目个真实数据进行展示。
上述方法同样适用于第二折线图和第三折线图，本实施例不再一一描述。
本实施例在hover时保留tooltip，保证了用户操作的流畅性。
图4为本发明实施例提供的一种数据展示装置的框图，如图4所示，该装置可以包括：
获取模块401，用于获取展示区域的宽度和当前待展示的真实数据的个数；
确定模块402，用于根据预设的展示区域宽度与可展示数据个数的对应关系，确定与所述展示区域的宽度对应的目标可展示数据个数；
第一分组模块403，用于若所述当前待展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数；
第一绘制点生成模块404，用于采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点；
第一展示模块405，用于在所述展示区域中展示由m个第一数据组对应的绘制点共同组成的第一折线图。
在上述实施例的基础上，获取模块401具体用于：
获取进行数据展示的设备的屏幕宽度，将所述屏幕宽度作为所述展示区域的宽度。
在上述实施例的基础上，所述第一分组模块403具体用于：
计算所述展示区域中当前待展示的真实数据的个数与所述目标可展示数据个数的比值n；
根据预设的坐标系，确定各个当前待展示的真实数据对应的坐标值；
以n个X轴值连续的真实数据为一个数据组，对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数。
在上述实施例的基础上，所述装置还包括：
放大信息确定模块，用于若所述展示区域发生放大事件，则获取所述放大事件的触发时间并根据所述放大事件确定所述展示区域中预计展示的真实数据的个数和所述预计展示的真实数据对应的X轴取值范围，并将所述预计展示的真实数据对应的X轴取值范围作为所述放大事件对应的X轴取值范围；
存储模块，用于将所述放大事件的触发时间和所述放大事件对应的X轴取值范围进行存储；
第二分组模块，用于若所述预计展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述预计展示的真实数据进行分组，得到m个第二数据组，所述m不大于所述目标可展示数据个数；
第二绘制点生成模块，用于采用预设的绘制点生成算法，分别生成各个第二数据组对应的绘制点；
第二展示模块，用于在所述展示区域中展示由各个第二数据组对应的绘制点共同组成的第二折线图。
在上述实施例的基础上，所述装置还包括：
缩小信息获取模块，用于若所述展示区域发生缩小事件，则根据所述存储模块中存储的放大事件的触发时间，确定所述存储模块中存储的上次最新放大事件对应的X轴取值范围，作为目标X轴取值范围；
目标真实数据确定模块，用于确定与所述目标X轴取值范围对应的目标真实数据和所述目标真实数据的个数；
第三分组模块，用于若所述目标真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述目标真实数据进行分组，得到m个第三数据组，所述m不大于所述目标可展示数据个数；
第三绘制点生成模块，用于采用预设的绘制点生成算法，分别生成各个第三数据组对应的绘制点；
第三展示模块，用于在所述展示区域中展示由各个第三数据组对应的绘制点共同组成的第三折线图，在所述展示区域中展示所述目标真实数据组中前预设数目个真实数据。
在上述实施例的基础上，所述第一绘制点生成模块具体用于：
分别计算m个第一数据组中所有真实数据的平均值；
分别生成与m个第一数据组的所述平均值对应的绘制点。
在一种可能的实现方式中，所述装置还包括：
检测模块，用于检测所述第一折线图中的绘制点是否接收到hover操作；
第五展示模块，用于若所述绘制点接收到hover操作，则在所述第一折线图中展示所述绘制点对应的第一数据组中包含的前预设数目个真实数据。
在本申请另一实施例中，还提供了一种计算机设备，如图5所示，包括处理器501、通信接口502、存储器503和通信总线504，其中，处理器501，通信接口502，存储器503通过通信总线504完成相互间的通信；
存储器503，用于存放计算机程序；
处理器501，用于执行存储器503上所存放的程序时，实现如下步骤：
获取展示区域的宽度和当前待展示的真实数据的个数；
根据预设的展示区域宽度与可展示数据个数的对应关系，确定与所述展示区域的宽度对应的目标可展示数据个数；
若所述当前待展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数；
采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点；
在所述展示区域中展示由m个第一数据组对应的绘制点共同组成的第一折线图。
上述电子设备提到的通信总线504可以是外设部件互连标准(PeripheralComponent Interconnect，简称PCI)总线或扩展工业标准结构(Extended IndustryStandard Architecture，简称EISA)总线等。该通信总线504可以分为地址总线、数据总线、控制总线等。为便于表示，图5中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
通信接口502用于上述电子设备与其他设备之间的通信。
存储器503可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器501可以是通用处理器，包括中央处理器(Central ProcessingUnit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本申请另一实施例中，还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有数据处理方法程序，所述数据处理方法程序被处理器执行时实现上述任一所述的数据展示方法的步骤。
本发明实施例在具体实现时，可以参阅上述各个实施例，具有相应的技术效果。
需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本发明的具体实施方式，使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种数据展示方法，其特征在于，包括：
获取展示区域的宽度和当前待展示的真实数据的个数；
根据预设的展示区域宽度与可展示数据个数的对应关系，确定与所述展示区域的宽度对应的目标可展示数据个数；
若所述当前待展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数；
采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点；
在所述展示区域中展示由m个第一数据组对应的绘制点共同组成的第一折线图。
2.根据权利要求1所述的方法，其特征在于，获取展示区域的宽度，包括：
获取进行数据展示的设备的屏幕宽度，将所述屏幕宽度作为所述展示区域的宽度。
3.根据权利要求1所述的方法，其特征在于，若所述m等于所述目标可展示数据个数；
按照预设的分组规则对所述展示区域中当前待展示的真实数据进行分组，得到m个第一数据组，包括：
计算所述展示区域中当前待展示的真实数据的个数与所述目标可展示数据个数的比值n；
根据预设的坐标系，确定各个当前待展示的真实数据对应的坐标值；
以n个X轴值连续的真实数据为一个数据组，对所述当前待展示的真实数据进行分组，得到m个第一数据组。
4.根据权利要求3所述的方法，其特征在于，所述方法还包括：
检测所述展示区域是否发生放大事件或缩小事件；
若所述展示区域发生放大事件，则获取所述放大事件的触发时间并根据所述放大事件确定所述展示区域中预计展示的真实数据的个数和所述预计展示的真实数据对应的X轴取值范围，并将所述预计展示的真实数据对应的X轴取值范围作为所述放大事件对应的X轴取值范围；
将所述放大事件的触发时间和所述放大事件对应的X轴取值范围存储在预设的存储模块中；
若所述预计展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述预计展示的真实数据进行分组，得到m个第二数据组，所述m不大于所述目标可展示数据个数；
采用预设的绘制点生成算法，分别生成各个第二数据组对应的绘制点；
在所述展示区域中展示由各个第二数据组对应的绘制点共同组成的第二折线图。
5.根据权利要求4所述的方法，其特征在于，所述方法还包括：
若所述展示区域发生缩小事件，则根据所述存储模块中存储的放大事件的触发时间，确定所述存储模块中存储的上次最新放大事件对应的X轴取值范围，作为目标X轴取值范围；
确定与所述目标X轴取值范围对应的目标真实数据和所述目标真实数据的个数；
若所述目标真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述目标真实数据进行分组，得到m个第三数据组，所述m不大于所述目标可展示数据个数；
采用预设的绘制点生成算法，分别生成各个第三数据组对应的绘制点；
在所述展示区域中展示由各个第三数据组对应的绘制点共同组成的第三折线图。
6.根据权利要求1所述的方法，其特征在于，采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点，包括：
分别计算m个第一数据组中所有真实数据的平均值；
分别生成与m个第一数据组的所述平均值对应的绘制点。
7.根据权利要求3所述的方法，其特征在于，所述方法还包括：
检测所述第一折线图中的绘制点是否接收到hover操作；
若所述绘制点接收到hover操作，则在所述第一折线图中展示所述绘制点对应的第一数据组中包含的前预设数目个真实数据。
8.一种数据展示装置，其特征在于，包括：
获取模块，用于获取展示区域的宽度和当前待展示的真实数据的个数；
确定模块，用于根据预设的展示区域宽度与可展示数据个数的对应关系，确定与所述展示区域的宽度对应的目标可展示数据个数；
第一分组模块，用于若所述当前待展示的真实数据的个数大于所述目标可展示数据个数，则按照预设的分组规则对所述当前待展示的真实数据进行分组，得到m个第一数据组，所述m不大于所述目标可展示数据个数；
第一绘制点生成模块，用于采用预设的绘制点生成算法，分别生成各个第一数据组对应的绘制点；
第一展示模块，用于在所述展示区域中展示由m个第一数据组对应的绘制点共同组成的第一折线图。
9.一种计算机设备，其特征在于，包括：处理器和存储器，所述处理器用于执行所述存储器中存储的数据处理程序，以实现权利要求1-7任一所述的数据展示方法。
10.一种存储介质，其特征在于，所述存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现权利要求1-7任一所述的数据展示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010274077.3A CN111652955A (zh) | 2020-04-09 | 2020-04-09 | 一种数据展示方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010274077.3A CN111652955A (zh) | 2020-04-09 | 2020-04-09 | 一种数据展示方法、装置、计算机设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111652955A true CN111652955A (zh) | 2020-09-11 |
Family
ID=72347943
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010274077.3A Pending CN111652955A (zh) | 2020-04-09 | 2020-04-09 | 一种数据展示方法、装置、计算机设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111652955A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112256218A (zh) * | 2020-09-30 | 2021-01-22 | 神思旭辉医疗信息技术有限责任公司 | 一种大量数据图形绘制方法及装置 |
| CN115079980A (zh) * | 2022-06-27 | 2022-09-20 | 平安银行股份有限公司 | 一种数据展示方法及装置 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105549936A (zh) * | 2015-12-21 | 2016-05-04 | 腾讯科技（深圳）有限公司 | 数据表的显示方法和装置 |
| US20180082450A1 (en) * | 2016-01-22 | 2018-03-22 | Tencent Technology (Shenzhen) Company Limited | Data drawing method and apparatus, terminal, and storage medium |
| CN109164994A (zh) * | 2018-06-28 | 2019-01-08 | 努比亚技术有限公司 | 基于智能穿戴设备的显示方法、智能穿戴设备及存储介质 |
| CN109189997A (zh) * | 2018-08-10 | 2019-01-11 | 武汉优品楚鼎科技有限公司 | 一种折线图数据提取的方法、装置及设备 |
| CN110404252A (zh) * | 2019-07-31 | 2019-11-05 | 网易（杭州）网络有限公司 | 信息展示方法及装置、电子设备、存储介质 |
| CN110674433A (zh) * | 2019-09-25 | 2020-01-10 | 北京博锐尚格节能技术股份有限公司 | 一种图表显示方法、存储介质及电子设备 |
-
2020
- 2020-04-09 CN CN202010274077.3A patent/CN111652955A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105549936A (zh) * | 2015-12-21 | 2016-05-04 | 腾讯科技（深圳）有限公司 | 数据表的显示方法和装置 |
| US20180082450A1 (en) * | 2016-01-22 | 2018-03-22 | Tencent Technology (Shenzhen) Company Limited | Data drawing method and apparatus, terminal, and storage medium |
| CN109164994A (zh) * | 2018-06-28 | 2019-01-08 | 努比亚技术有限公司 | 基于智能穿戴设备的显示方法、智能穿戴设备及存储介质 |
| CN109189997A (zh) * | 2018-08-10 | 2019-01-11 | 武汉优品楚鼎科技有限公司 | 一种折线图数据提取的方法、装置及设备 |
| CN110404252A (zh) * | 2019-07-31 | 2019-11-05 | 网易（杭州）网络有限公司 | 信息展示方法及装置、电子设备、存储介质 |
| CN110674433A (zh) * | 2019-09-25 | 2020-01-10 | 北京博锐尚格节能技术股份有限公司 | 一种图表显示方法、存储介质及电子设备 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112256218A (zh) * | 2020-09-30 | 2021-01-22 | 神思旭辉医疗信息技术有限责任公司 | 一种大量数据图形绘制方法及装置 |
| CN112256218B (zh) * | 2020-09-30 | 2023-03-10 | 神思(山东)医疗信息技术有限责任公司 | 一种大量数据图形绘制方法及装置 |
| CN115079980A (zh) * | 2022-06-27 | 2022-09-20 | 平安银行股份有限公司 | 一种数据展示方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113190781B (zh) | 页面布局方法、装置、设备及存储介质 | |
| CN110286840B (zh) | 可触控设备的手势缩放控制方法、装置和相关设备 | |
| CN111652955A (zh) | 一种数据展示方法、装置、计算机设备及存储介质 | |
| CN110764986B (zh) | 页面流畅度检测方法及装置 | |
| CN112083973B (zh) | 一种窗口关闭方法、装置、电子设备及存储介质 | |
| CN107908604B (zh) | 报表图形生成方法、装置、计算机设备和存储介质 | |
| CN112099690B (zh) | 页面缩放方法、装置、终端及存储介质 | |
| CN111145202B (zh) | 模型生成方法、图像处理方法、装置、设备及存储介质 | |
| CN113392246A (zh) | 一种图纸显示方法、装置、存储介质和电子设备 | |
| CN109873980B (zh) | 视频监控方法、装置及终端设备 | |
| CN111638851B (zh) | 笔迹显示处理方法、相关装置及笔迹互操作系统 | |
| JP6054532B2 (ja) | データ視覚化の方法及びシステム | |
| CN107797736A (zh) | 信息显示方法和装置 | |
| CN112464301A (zh) | 一种图像显示方法及装置 | |
| CN110663028B (zh) | 动态调整用户界面的面板 | |
| CN112083974A (zh) | 一种广告窗口关闭方法、装置及电子设备 | |
| CN112102158A (zh) | 图片模糊处理方法、装置、设备、计算机可读存储介质 | |
| CN117573847B (zh) | 可视化答案的生成方法、装置、设备及存储介质 | |
| CN111832267B (zh) | 一种单元格粘贴方法及装置 | |
| CN113360356B (zh) | 阅读作弊行为的识别方法、计算设备及计算机存储介质 | |
| CN111291055B (zh) | 数据存储方法及装置、数据处理方法及装置、电子设备 | |
| CN111724195B (zh) | 台位布局生成、展示方法及装置 | |
| CN111784559B (zh) | 一种图形调整方法及装置 | |
| CN117765617B (zh) | 基于用户手势行为的指令生成方法、系统及存储介质 | |
| CN115204131A (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 |