CN109032476B

CN109032476B - 一种在图形用户界面中显示大数据集的方法

Info

Publication number: CN109032476B
Application number: CN201810890050.XA
Authority: CN
Inventors: 刘祎; 宁宇宸; 其他发明人请求不公开姓名
Original assignee: Aostar Information Technologies Co ltd
Current assignee: AOSTAR INFORMATION TECHNOLOGIES Co.,Ltd.
Priority date: 2018-08-07
Filing date: 2018-08-07
Publication date: 2021-08-27
Anticipated expiration: 2038-08-07
Also published as: CN109032476A

Abstract

本发明公开了一种在图形用户界面中显示大数据集的方法，图形界面包括在具有屏幕的计算机***中并且具有配置用于接收用户输入的硬件，该方法包括：创建包括浏览器中的控件的可视化，其中控件包括画布；确定画布大小；进行可视化显示，并在可视化中显示滚动条；接收用户滚动输入，确定用户滚动输入是表示长滚动还是短滚动；当为长滚动时，从滚动条滑块位置计算滚动比例；在计算滚动比例时，确定滚动比例是否等于100％；在确定滚动比例等于100％时，使用来自大数据集的最后一个数据块填充画布中的最后一页；在确定滚动比例小于100％时；和在确定用户滚动输入表示短滚动时，用来自大数据集的下一个数据块填充画布中的页面。

Description

一种在图形用户界面中显示大数据集的方法

技术领域

本发明涉及大数据技术领域，具体而言，涉及一种在图形用户界面中显示大数据集的方法。

背景技术

可视化是在GUI中用于显示数据的软件组件(软件组件也称为控件或小部件)，强调数据的某些方面并且不再强调其他方面。可视化允许以对用户有意义的视角呈现数据，无论这些是数据的演示者还是消费者。在“大数据”的情况下，用户可能需要放大一小部分数据。数据可以沿着行，列，页面和可能的其他坐标在数据网格(电子表格，列表，表格)中呈现，或者在沿着x和y像素坐标的图像中，在甘特图或其他图表中，在图形中呈现，或者以本领域已知的任何其他可视化格式。

可视化可以被预编译为特定软件开发环境中的软件组件，或者它们可以在运行中生成，例如在网页或其他HTML相关文档中，可能使用解释性语言，例如JavaScript的。

当为大数据创建可视化时，开发人员可能遇到由目标GUI呈现的限制。例如，在计算机显示器上显示一百万行和一百万列的完整电子表格是不切实际的。如电子表格将有一万亿个单元格，但现代8K显示器只有7,680×4,320＝33,177,600像素。例如，每个万亿行和列的电子表格问题会变得更糟。

Web浏览器或多平台应用程序中的可视化-通常以HTML和JavaScript实现-遇到来自浏览器本身或所利用的浏览器控件的各种限制，例如与显示元素的最大画布大小有关，内部使用的整数的最大大小，或可用的最大内存。HTML文档对象模型(DOM)元素的滚动功能提供了进一步的限制。

为了解决该问题，开发人员依靠虚拟浏览或虚拟化画布来显示数据子集。一些开发人员显示数据系列的一部分，并在用户向其末尾滚动时获取更多数据。然而，这些方法没有为用户提供很好的滚动能力或者从上述浏览器限制问题中充分屏蔽它们。

发明内容

本发明提出了一种在图形用户界面中显示大数据集的方法，其中图形界面包括在具有屏幕的计算机***中并且具有配置用于接收用户输入的硬件，该方法包括：

创建包括浏览器中的控件的可视化，其中控件包括画布；

根据大数据集的大小确定候选画布大小；

确定浏览器支持的最大画布大小；

根据候选画布大小和最大画布大小调整画布大小；

使用来自大数据集的初始数据块填充画布中的至少一个页面；

在计算机屏幕上显示可视化，并在可视化中显示滚动条；

接收用户滚动输入，其中用户滚动输入可以表示长滚动或短滚动；

确定用户滚动输入是表示长滚动还是短滚动；

在确定用户滚动输入表示长滚动时，从滚动条滑块位置计算滚动比例；

在计算滚动比例时，确定滚动比例是否等于100％；

在确定滚动比例等于100％时，使用来自大数据集的最后一个数据块填充画布中的最后一页；

在确定滚动比例小于100％时，用从大数据集的大小计算的大数据集位置的数据块填充画布中的页面乘以滚动比例；和

在确定用户滚动输入表示短滚动时，用来自大数据集的下一个数据块填充画布中的页面。

所述的方法，其中确定所述最大画布大小包括搜索在所述浏览器中以一系列测试高度和宽度连续设置控件，并检查所述浏览器是否返回所述测试高度和宽度的准确值。

所述的方法，其中确定候选画布大小包括计算大数据集行的数量乘以平均行高度和大数据集列数乘以平均列宽度。

所述的方法，其中确定所述画布的大小包括确定所述最大画布大小和所述候选画布大小中的较小者。

所述的方法，其中，所述初始数据块与所述大数据集中的一个或多个相邻数据页一致。

所述的方法，还包括添加能够接收用户滚动输入并对其进行动作的滚动事件***。

所述的方法，其中，如果在得到的新画布位置处存在任何渲染数据，则用户滚动输入表示短滚动，并且如果在得到的新画布位置处没有渲染数据，则表示长滚动。

所述的方法，其中滚动条滑块分辨率比大数据集的分辨率粗糙至少1000倍。

所述的方法，还包括丢弃不再在所述画布的预加载区域中的画布页面数据。

所述的方法，其中所述浏览器支持超文本标记语言(HTML)。

所述的方法，其中，所述控件包括HTML文档对象模型(HTML DOM)元素。

附图说明

从以下结合附图的描述可以进一步理解本发明。图中的部件不一定按比例绘制，而是将重点放在示出实施例的原理上。在图中，在不同的视图中，相同的附图标记指定对应的部分。

图1是本发明的在图形用户界面中显示大数据集的方法的示意图。

具体实施方式

为了使得本发明的目的、技术方案及优点更加清楚明白，以下结合其实施例，对本发明进行进一步详细说明；应当理解，此处所描述的具体实施例仅用于解释本发明，并不用于限定本发明。对于本领域技术人员而言，在查阅以下详细描述之后，本实施例的其它***、方法和/或特征将变得显而易见。旨在所有此类附加的***、方法、特征和优点都包括在本说明书内、包括在本发明的范围内，并且受所附权利要求书的保护。在以下详细描述描述了所公开的实施例的另外的特征，并且这些特征根据以下将详细描述将是显而易见的。

实施例一：

如图1所示，为本发明一种在图形用户界面中显示大数据集的方法的示意图，其中图形界面包括在具有屏幕的计算机***中并且具有配置用于接收用户输入的硬件，该方法包括：

创建包括浏览器中的控件的可视化，其中控件包括画布；

根据大数据集的大小确定候选画布大小；

确定浏览器支持的最大画布大小；

根据候选画布大小和最大画布大小调整画布大小；

在计算机屏幕上显示可视化，并在可视化中显示滚动条；

确定用户滚动输入是表示长滚动还是短滚动；

在计算滚动比例时，确定滚动比例是否等于100％；

所述的方法，其特征在于，还包括丢弃不再在所述画布的预加载区域中的画布页面数据。

所述的方法，其中所述浏览器支持超文本标记语言(HTML)。

实施例二：

一种有形的，非暂时性计算机可读信息存储介质，包括适于指示计算机在计算机屏幕上的浏览器中的图形用户界面中显示可视化的指令，包括：

创建包括浏览器中的控件的可视化，其中控件包括画布；

根据大数据集的大小确定候选画布大小；

确定浏览器支持的最大画布大小；

根据候选画布大小和最大画布大小调整画布大小；

使用来自数据集的初始数据块填充画布中的至少一个页面；

在计算机屏幕上显示可视化，并在可视化中显示滚动条；

确定用户滚动输入是表示长滚动还是短滚动；

在计算滚动比例时，确定滚动比例是否等于100％；

在确定滚动比例等于100％时，用数据集中的最后一个数据块填充画布中的最后一页；

在确定滚动比例小于100％时，用从数据集的大小计算的数据集位置的数据块填充画布中的页面乘以滚动比例；和

在确定用户滚动输入表示短滚动时，用来自数据集的下一个数据块填充画布中的页面。

所述的存储介质，其中确定所述最大画布大小包括搜索在所述浏览器中以一系列测试高度和宽度连续设置控件，并检查所述浏览器是否返回所述测试高度和宽度的准确值。

所述的存储介质，其中确定候选画布大小包括计算大数据集行的数量乘以平均行高度和大数据集列数乘以平均列宽度。

所述的存储介质，其中确定所述画布的大小包括确定所述最大画布大小和所述候选画布大小中的较小者。

所述的存储介质，其中，所述初始数据块与所述大数据集中的一个或多个相邻数据页一致。

所述的存储介质，还包括添加能够接收用户滚动输入并对其进行动作的滚动事件***。

实施例三：

一种在图形用户界面中显示大数据集的***，包括：

客户端计算机，包括浏览器中的图形用户界面；

存储大数据集的数据库；和

应用服务器，通过至少一个网络与数据库和客户端计算机连接，其中应用服务器适于从数据库中检索数据并将检索到的数据传送给客户端计算机；

其中客户端计算机包括软件程序，该软件程序包括可由客户端计算机执行以执行方法的指令，该方法包括：

创建包括浏览器中的控件的可视化，其中控件包括画布；

根据大数据集的大小确定候选画布大小；

确定浏览器支持的最大画布大小；

根据候选画布大小和最大画布大小调整画布大小；

在客户端计算机屏幕上显示可视化，并在可视化中显示滚动条；

确定用户滚动输入是表示长滚动还是短滚动；

在计算滚动比例时，确定滚动比例是否等于100％；

所述的***，其中确定所述最大画布大小包括搜索在所述浏览器中以一系列测试高度和宽度连续设置控件，并检查所述浏览器是否返回所述测试高度和宽度的准确值。

所述的***，其中确定候选画布大小包括计算大数据集行的数量乘以平均行高度和大数据集列数乘以平均列宽度。

所述的***，其中确定所述画布的大小包括确定所述最大画布大小和所述候选画布大小中的较小者。

所述的***，其中，所述初始数据块与所述大数据集中的一个或多个相邻数据页一致。

虽然上面已经参考各种实施例描述了本发明，但是应当理解，在不脱离本发明的范围的情况下，可以进行许多改变和修改。也就是说上面讨论的方法，***或设备等均是示例。各种配置可以适当地省略，替换或添加各种过程或组件。例如，在替代配置中，可以以与所描述的顺序不同的顺序执行方法，和/或可以添加，省略和/或组合各种阶段。而且，关于某些配置描述的特征可以以各种其他配置组合。可以以类似的方式组合配置的不同方面和元素。此外，随着技术的发展许多元素仅是示例而不限制本公开或权利要求的范围。

在说明书中给出了具体细节以提供对包括实现的示例性配置的透彻理解。然而，可以在没有这些具体细节的情况下实践配置例如，已经示出了众所周知的电路、过程、算法、结构和技术而没有不必要的细节，以避免模糊配置。该描述仅提供示例配置，并且不限制权利要求的范围，适用性或配置。相反，前面对配置的描述将为本领域技术人员提供用于实现所描述的技术的使能描述。在不脱离本公开的精神或范围的情况下，可以对元件的功能和布置进行各种改变。

此外，尽管每个操作可以将操作描述为顺序过程，但是许多操作可以并行或同时执行。另外，可以重新排列操作的顺序。一个过程可能有其他步骤。此外，可以通过硬件、软件、固件、中间件、代码、硬件描述语言或其任何组合来实现方法的示例。当在软件、固件、中间件或代码中实现时，用于执行必要任务的程序代码或代码段可以存储在诸如存储介质的非暂时性计算机可读介质中，并通过处理器执行所描述的任务。

综上，其旨在上述详细描述被认为是例示性的而非限制性的，并且应当理解，所述权利要求(包括所有等同物)旨在限定本发明的精神和范围。以上这些实施例应理解为仅用于说明本发明而不用于限制本发明的保护范围。在阅读了本发明的记载的内容之后，技术人员可以对本发明作各种改动或修改，这些等效变化和修饰同样落入本发明权利要求所限定的范围。

Claims

1.一种在图形用户界面中显示大数据集的方法，图形用户界面包括在具有屏幕的计算机***中并且具有配置用于接收用户输入的硬件，该方法包括：创建包括浏览器中的控件的可视化；其中控件包括画布；

其特征在于，所述方法还包括

根据大数据集的大小确定候选画布大小；确定浏览器支持的最大画布大小；根据候选画布大小和最大画布大小调整画布大小；

使用来自大数据集的初始数据块填充画布中的至少一个页面；在计算机屏幕上显示可视化，并在可视化中显示滚动条；

接收用户滚动输入，其中用户滚动输入可以表示长滚动或短滚动；确定用户滚动输入是表示长滚动还是短滚动；

在确定用户滚动输入表示长滚动时，从滚动条滑块位置计算滚动比例；在计算滚动比例时，确定滚动比例是否等于100％；在确定滚动比例等于100％时，使用来自大数据集的最后一个数据块填充画布中的最后一页；在确定滚动比例小于100％时，用从大数据集的大小计算的大数据集位置的数据块填充画布中的页面乘以滚动比例；和在确定用户滚动输入表示短滚动时，用来自大数据集的下一个数据块填充画布中的页面；

其中，确定所述最大画布大小包括搜索在所述浏览器中以一系列测试高度和宽度连续设置控件，并检查所述浏览器是否返回所述测试高度和宽度的准确值；

所述初始数据块与所述大数据集中的一个或多个相邻数据页一致；还包括添加能够接收用户滚动输入并对其进行动作的滚动事件***，如果在得到的新画布位置处存在任何渲染数据，则用户滚动输入表示短滚动，并且如果在得到的新画布位置处没有渲染数据，则表示长滚动。

2.如权利要求1所述的方法，其特征在于，确定候选画布大小包括计算大数据集行的数量乘以平均行高度和大数据集列数乘以平均列宽度。

3.根据权利要求1所述的方法，其特征在于，确定所述画布的大小包括确定所述最大画布大小和所述候选画布大小中的较小者。

4.如权利要求1所述的方法，其特征在于，滚动条滑块分辨率比大数据集的分辨率粗糙至少1000倍。

5.如权利要求1所述的方法，其特征在于，还包括丢弃不再在所述画布的预加载区域中的画布页面数据。

6.如权利要求1所述的方法，其特征在于，所述浏览器支持超文本标记语言；所述控件包括HTML文档对象模型元素。