用于数据更新的图表的分阶段的动画化的制作方法
【专利说明】
【背景技术】
[0001]背景和相关技术
[0002]计算机和计算系统影响了现代生活的几乎每一个方面。计算机一般涉及工作、消遣、保健、运输、娱乐、家政管理等等。
[0003]许多计算机旨在通过与计算机的直接用户交互来使用。如此，计算机具有输入硬件和软件用户界面以促进用户交互。例如，现代的通用计算机可包括用于允许用户向计算机输入数据的键盘、鼠标、触摸垫、相机等等。另外，也可以有各种软件用户界面可用，包括提供丰富显示的图形用户界面。某些图形用户界面提供动画化以指示数据的变化。
[0004]图形用户界面显示数据。然而，随着时间的推移数据会因为数据被添加到用户界面中、数据被从用户界面中移除、或数据在用户界面中被更改而变化，用户界面中不断变化的表示可能会导致人类用户的混淆或不准确的解释。例如，考虑示出了正在被使用的网络资源量的资源跟踪器的情况。当网络硬件处于带有最小流量的安静状态时，资源跟踪器可能以放大的视图示出网络使用，诸如通过在带有具有最大值1Mbs的轴的图上示出使用。当用户连接到视频流传输站点时，网络使用可能会超出1Mbs的限制，并且因此比例被更改为lOOMbs。然而，对用户而言，观看流传输视频的网络使用由于比例变化可能看起来与安静状态的情况相同。这会混淆或误导用户。
[0005]此处所要求保护的主题不仅限于解决任何缺点的实施例或只在诸如上文所描述的那些环境的环境中操作的实施例。相反，提供此背景只是示出了其中可以实施此处所描述的一些实施例的一个示例性技术领域。
【发明内容】
[0006]此处所示出的一个实施例包括一种以能够处理正被添加到用户界面中的数据、正从用户界面移除的数据或在用户界面中正被修改的数据的方式更新图形用户界面元素的方法。该方法包括访问图形用户界面。图形用户界面显示包括图形元素的初始视图。该方法进一步包括，对于下列各项中的每一项，确定是否执行每一动作，并按顺序执行适用于给定视图情况的下列各项中的任何一项:(I)在图形用户界面中更新，添加在初始视图外的任何平移(pan)元素；(2)动画化图形用户界面的轴中的任何变化，以设置数据修改的阶段；(3)在图形用户界面中执行任何数据元素动画化，包括全部更新的任何移动、任何添加、任何移除以及任何改变，除了当更新在初始视图外的任何平移元素时已经添加的那些以及将不会在最后视图中可见的平移元素移除之外；(4)将轴中的任何变化动画化到最终视图；以及，(5)更新现在在视图外的任何剩余元素。
[0007]提供本
【发明内容】
是为了以精简的形式介绍将在以下详细描述中进一步描述的一些概念。本
【发明内容】
并不旨在标识出所要求保护的主题的关键特征或必要特征，也不旨在用于帮助确定所要求保护的主题的范围。
[0008]本发明的附加特征和优点将在以下描述中叙述，且其一部分根据本描述将是显而易见的，或可通过对此处的原理的实践来获知。本发明的特征和优点可通过在所附权利要求书中特别指出的工具和组合来实现和获得。本发明的特征将通过以下描述和所附权利要求书变得更加显而易见，或可通过对下文中所述的本发明的实践来领会。
[0009]附图简述
[0010]为了描述可获得本主题的上述和其它优点和特征的方式，将通过参考附图中示出的具体实施例来呈现以上简要描述的本主题的更具体描述。可以理解，这些附图只描绘了典型实施例，并且因此不被认为是对其范围的限制，将通过使用附图并利用附加特征和细节来描述和解释各实施例，在附图中:
[0011]图1示出了线时间序列；
[0012]图2示出了带有垂直比例变化的线时间序列；
[0013]图3示出了添加了一个序列的线时间序列；
[0014]图4示出了添加、移除以及移动各点的散点图；
[0015]图5不出了一个柱正在升高的柱状图；
[0016]图6示出了一个柱正在降低的柱状图；
[0017]图7示出了改变、添加以及移除各柱的柱状图；
[0018]图8示出了更新图形用户界面元素的方法。
【具体实施方式】
[0019]各实施例实现了以下功能:该功能允许图表被动画化以对新数据作出反应，以便人类观察者能够跟踪经更新的值移动到哪里以及它们如何变化，而不会被值变化误导。各实施例可以按能被一般化为几乎全部图表类型的方式实现并可以使动画化分阶段，以避免被误导。各实施例可以被实现为通过动画化过渡而并非迅移(snap)到新视图来对图表中示出的数据进行更改，从而允许用户可以看到不断变化的显示条件。
[0020]下面示出了可以在此处所描述的各实施例的上下文中考虑的指导原理。
[0021]各实施例可以实现跟踪功能。具体而言，使用动画化以在用户观察变化时使与元素被移动到哪里有关的用户混淆最小化。人类一般十分擅长跟踪移动，而不太擅长识别当事物迅移到新布局时去了哪里。这会使非动画化的行为不和谐。
[0022]各实施例可以被实现为使误导行为最小化。用户不应该被他们正在显示的数据误导。例如，如果一个值相对于其他值正在上升，则应该清楚它正在上升。
[0023]各实施例可以被实现为以动画化性能作为一个因素。具体而言，动画化应该快速运行，但是仍保留知道元素去了哪里的感觉。从用户角度来看，这会导致UI感觉响应快。这还降低了同时运行多个动画化的问题的机会。
[0024]尽管在大多数情况下并且特别是在常见的情况下，过渡以及动画化应该在视觉上有吸引力，某些“离奇的”罕见的动画化是可以接受的。
[0025]各实施例可以实现允许处理一大片图表和可视化的统一的单个方法或算法。如此，并非对于每一种特殊化情况实现特殊化算法，单个方法或算法允许一种方法被用于许多图表类型或图表元素类型。
[0026]下面示出了该功能特别有用的若干个常见示例:
[0027]考虑在一端添加了新数据并且从另一端(常常是另一轴的相同部分)移除旧数据的线图。这样的图表的示例可以是实时股票行情的图表。此图表应该表现为从左(或右)平稳地滚动的线，其中新数据点滑入视图且旧数据点滑出视图。这不应该通过首先在图表上创建空间并随后使数据点出现来执行，也不应该通过使数据点消失并随后使其中消失了数据点的空间被删除来执行。相反，数据点应该滑入视图并滑出视图。进一步，也不应该有这样的连锁反应:添加和移除的部分一个接一个地被动画化，从而使另一轴在返回到其原始值之前比例变化。
[0028]在另一个示例中，考虑如上所述的在一端添加了新数据并且从另一端移除旧数据的行图表，但是现在添加了全新的线。全新的线(即，新序列)不应该被部分地平移进入并随后使其余部分淡入。
[0029]在再一个示例中，考虑散点图:其中，点移动并且新项目出现在旧范围之外，并且在新视图内部和外部的项目消失。应当清楚的，通过使散点出现/消失来添加和移除它们。使添加的散点平移入视图或移除的散点平移出视图同时使其它散点在眼前出现和消失会使用户混淆。他们会觉得被平移开的点仍存在，而他们看见消失的那些点不再存在。类似于被平移入视图的那些对他们看见出现的那些；用户可能不知道那些被平移入视图的点之前是否存在。如果视图移动以及出现和消失在时间上分离，会使此效果更差。
[0030]在再一个示例中，考虑柱状图:其中一个柱的值上升，导致y轴比例变化。柱应该看起来生长，而不是让所有其他的柱缩小(在比例和柱一起动画化的情况下所发生的)。应该首先发生比例变化，并随后发生数据值变化，以防止用户被误导。
[0031]在再一个示例中，考虑柱状图:其中最高的柱的值下降，导致y轴比例变化。柱应该看起来下降，不是让所有其他的柱生长(比例以及柱一起动画化的情况下所发生的)。请注意，这需要与数据变化在比例变化之前发生的柱增长情况不同的动画化顺序。
[0032]在再一个示例中，考虑新类别出现在现有类别集合中间。当创建空间并且新元素出现时，现有元素应该平稳地移动。这是通过将变化分阶段作为移除元素、移动元素并随后添加元素。
[0033]各实施例如下实现所需功能:使图表元素被分类成当创建或者移除时平移入以及平移出视图是可接受的类型(平移元素)以及这将产生混淆并且全部创建以及移除应该被用户看见的类型(非平移元素)。线以及柱是平移元素而散点图点是非平移元素是公知的，且这确实