CN102428435A - 在有限的显示面积中显示叠置条形图 - Google Patents
在有限的显示面积中显示叠置条形图 Download PDFInfo
- Publication number
- CN102428435A CN102428435A CN2010800216010A CN201080021601A CN102428435A CN 102428435 A CN102428435 A CN 102428435A CN 2010800216010 A CN2010800216010 A CN 2010800216010A CN 201080021601 A CN201080021601 A CN 201080021601A CN 102428435 A CN102428435 A CN 102428435A
- Authority
- CN
- China
- Prior art keywords
- shape
- show
- coordinate
- post
- bar
- 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
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1626—Constructional details or arrangements for portable computers with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
-
- 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
- H04M1/72427—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality for supporting games or graphical animations
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Hardware Design (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
- Devices For Indicating Variable Information By Combining Individual Elements (AREA)
Abstract
公开一种用于使用叠置条形图在显示面积有限的显示屏上可视地显示数据点的***和方法。放大区允许针对一个叠置条柱显示比所显示的其他叠置条柱更为详细的信息。放大区内的叠置条柱可被进一步放大,以便针对叠置条柱内的个体条柱显示附加信息。个体条柱被扩展到适于显示与该条柱相关联的信息的高度。可以相对于放大区而移动叠置条形图,由此改变放大区内所显示的叠置条柱。
Description
技术领域
本公开内容总体上地涉及在显示面积相对于所显示的数据量而言较小的设备上显示报告。
背景技术
有若干使用图表或者图形来可视地呈现报告中可用的统计数据的方式,例如条形图、饼图、线图和发散图。在例如手持设备、手持计算机、蜂窝电话、写字板计算机或者个人数字助理(PDA)等移动设备上,必须在小显示屏上显示图形和图表,这样的小显示屏所具有的显示面积相对于所显示的数据而言在大小上是有限的。尝试在这样的设备上示出图形和图表存在若干挑战。例如,图1图示了叠置条形图和在小屏幕上显示叠置条形图时遇到的一些障碍。图1显示有x轴135、y轴130以及用于叠置条形图的对应x坐标值145和y坐标值140。在叠置条形图中的每个叠置体120对应于一个x坐标值并且代表多个y坐标值,其中每个y坐标值由叠置体中的条柱显示,该条棒的高度由与该条柱对应的y坐标值确定。例如,叠置条柱120具有各自代表不同y坐标值的三个条柱105、110和115。叠置条柱120的高度对应于叠置体中的所有条柱的合计y坐标值。与不同种类的条柱对应的附加信息可以由图例125代表。叠置体120中的每个条柱的高度与该条柱所代表的值成比例。由于通常显示屏的分辨率是固定的,所以很接近的两个值可以由看起来具有相同高度的条柱代表。因此,条柱的高度可能没有真实地代表对应的y坐标值。此外,查看者难以通过查看叠置条柱120来了解与每个条柱105、110或者115对应的精确值或者叠置条柱的合计值。
发明内容
本发明实现在与图表中所显示的数据量相比显示面积较小的设备上显示叠置条形图。适当设备的示例包括写字板计算机、智能电话设备和移动电话。放大区允许以较大的尺寸显示图表或者图形数据的部分,与该放大区以外显示的图形数据相比,其可以显示附加信息。可以进一步放大叠置条形内的各个条柱,以显示特定于该条柱的信息。被放大的条柱可被扩展成由将要针对该条柱而显示的信息量确定的高度。在一些实施方式中,与条柱相关联的可视指示可以指示条柱的高度不表示其y坐标值,例如通过将该条柱显示为摆动。在扩展叠置条柱中的一个条时,叠置体中的其他条柱可以减小高度以适应扩展条柱的高度增加。可以移动图表或者放大区的位置以查看针对不同叠置条柱的具体信息。导航机制允许用户高效地到达用户想要放大的相邻叠置条形的特定集合。
在说明书中描述的特征和优点并非囊括性的,并且具体而言,本领域普通技术人员根据附图、说明书和权利要求书将清楚许多附加特征和优点。另外应当注意已经选择说明书中所用的语言主要是为了可读性和指导的目的并且可能并未选择这些语言以界定或者限制公开的主题内容。
附图说明
公开的实施方式具有根据具体实施方式、所附权利要求和附图将更容易清楚的其他优点和特征。简要介绍附图如下。
图1图示了显示叠置条形图的传统***。
图2图示了用于将数据显示为条形图的***的架构的一个实施方式。
图3图示了放大区如何显示放大的条形。
图4-图6示出了可以如何扩展放大的叠置条形的个体条形以显示与扩展的条形对应的附加信息。
图7图示了显示扩展条形的叠置条形图可以如何改变成默认放大叠置条形。
图8示出了在特定方向上倾斜显示叠置条形图的设备如何使叠置条形图滚动从而使显示于放大区中的叠置条形改变。
图9示出了在与图4中所示方向相反的方向上旋转设备如何使得叠置条形图在相反方向上滚动。
图10示出了描述如下过程的一个实施方式的流程图,该过程用于计算用于在具有放大区的设备上显示的叠置条形图尺度。
附图和下文描述仅通过示例涉及各种实施方式。应当注意,根据下文讨论将容易认识到这里公开的结构和方法的替代实施方式作为可以在未脱离要求保护的原理时运用的可行替代实施方式。
具体实施方式
现在将具体参照若干实施方式,在附图中图示了这些实施方式的示例。注意只要可行,相似或者相同标号可以使用于附图中并且可以指示相似或者相同功能。附图仅出于示例的目的而描绘公开的***(或者方法)的实施方式。本领域技术人员根据下文描述将容易认识到可以运用这里举例说明的结构和方法的替代实施方式而未脱离这里描述的原理。
图2是根据一个实施方式的***架构的框图。图2中所示部件包括数据库(DB)205、DB控制器模块210、数据渲染器模块215、输入/输出驱动器(I/O驱动器)模块220和显示屏225。部件如显示屏255为硬件部件,而DB控制器210和图表渲染器215为软件模块。如这里所用,术语“模块”指代用于提供指定的功能的计算机程序逻辑和/或数据。可以用硬件、固件和/或软件实施模块。实施图2中所示***的计算机类型的示例包括写字板计算机、智能电话设备和移动电话。DB 205存储与报告关联的数据和元数据。DB 205在一个实施方式中使用硬盘驱动来实施、但是也可以使用任何能够存储数据的其他设备(例如可写光盘(CD)或者DVD或者固态存储器设备(例如闪存))来实施。DB控制器模块210实施用于与DB 205对接以便从DB 205读取数据或者向DB 205写入数据的逻辑。DB控制器210向数据渲染器模块215提供数据,该模块计算为了渲染该数据而需要的信息。例如,如果需要将数据显示为饼形图,则数据渲染器可以确定饼形图的尺度。数据渲染器215向输入/输出驱动器220提供数据和为了渲染数据所需的信息。输入/输出驱动器220向显示屏225提供为了显示数据和/或图像所需的指令和数据。在各种实施方式中,显示屏225用来输入数据和/或命令。例如触敏屏幕可以感测屏幕的由用户触摸的部分的坐标。用户可以触摸显示屏225以例如从命令列表选择命令或者从显示于屏幕上的数据元列表选择数据元。在各种实施方式中,用户可以倾斜显示屏225。检测显示屏225的倾斜量值和方向并且可以视之为输入。硬件部件如加速度计向输入/输出驱动器220提供显示屏的倾斜角度。在一些实施方式中,指示设备(例如,指轮、鼠标、跟踪球或者其他类型的指示设备)用来向***中输入数据或者命令。输入/输出驱动器220向DB控制器210发送由显示屏225提供的数据或者指令。DB控制器210响应于从输入/输出驱动器220接收的数据或者指令从DB 205读取数据并且向DB 205写入数据。
移动设备可以用来查看用户可用的报告。一种示例场景允许用户将特定报告与显示模式关联(例如,饼形图、条形图或者文字模式)。为了允许用户在报告与显示模式之间创建关联而向用户呈现显示模式列表。用户可以通过触摸显示屏225上显示特定显示模式的适当部分或者通过另一机制(例如键盘或者指示设备)提供输入来做出选择。DB控制器210更新DB 205中的适当报告的元数据以存储与报告的显示模式有关的信息。将报告与显示模式关联的信息后续用来显示报告。
在另一场景中,可以向用户呈现可以阅览的报告列表。用户选择特定报告名称,并且数据渲染器215计算然后以指定格式显示于显示屏225上的用于渲染数据的信息。在用户与图2中显示的各种部件和模块之间的各种其他交互场景是可能的。
图3图示了可以如何在显示屏225上使用放大区300,以使用叠置条形图来有效地呈现报告的可视表示。显示屏包括左边缘340、右边缘325、顶边缘345和底边缘350这四个边缘。注意,边缘的命名(例如,命名为“底边缘”)是为了描述清楚——特定设备可以支持在多个定向中使用,在该情况下,设备在一个定向中为“底边缘”或者“顶边缘”的物理边缘可以在替代定向中容易变成不同边缘。这里的描述并不限于特定定向。与边缘边350相邻示出x轴,并且与右边缘325相邻示出与y轴对应的值335。图表显示于显示屏的边缘内包围的区域中。例如在图3中,图表区在下图表边缘355与上图表边缘360内。
用户可以通过提供输入(例如通过使用指示设备来选择在叠置条形图的默认显示中的叠置条柱)来激活在具有默认显示的叠置条形图中的放大区300。备选地,放大区300可以显示于显示屏的固定部分中,并且叠置条形图的叠置条柱基于用户输入沿着x轴移动以使具体叠置柱与待放大的放大区重叠。
显示于放大区300内的叠置条柱被称为放大叠置条柱315,显示于放大区300以外的叠置条柱被称为标准叠置条柱310。使用比标准条柱更大或者至少一样大的条柱来显示放大的叠置条柱。在每个叠置条柱315旁边显示有x轴值305。在一个实施方式中,放大区300是一个矩形区域,其高度至少与图形中的最大叠置条柱的高度一样,宽度至少与标准叠置条柱310一样。放大叠置条柱315的宽度大于标准叠置条柱310的宽度,以允许针对叠置条柱的条柱而显示信息。然而,放大叠置条柱中的条柱的高度可以默认与叠置条柱未被放大的情况下所显示的高度相同。在某些实施方式中,放大条柱默认地显示与放大叠置条柱中所显示的最大条柱有关的信息。该信息覆盖对应的条柱而被显示,并且指示该信息与该条柱相关联。备选地,待显示的信息330根据需要被删减以便被显示在条柱内。例如,在图3中,文字330“Santia$20,03”是与条柱320所表示的数据点的值相对应的文字“Santiago$1,548,943”的删减版本。一个备选实施方式基于叠置条柱的条柱显示与合计值相关联的信息。例如,可以显示与叠置条柱内的每个条柱关联的y坐标值之和,其代表叠置条柱的累计高度。对应于与叠置条柱相关联的合计信息的文字被显示为覆盖整个叠置条柱,以免将信息与特定的条柱相关联。与用于个体条柱的信息相比,可以例如通过使用不同字体或者颜色来进一步区分用于叠置条柱的合计信息。默认显示信息的放大叠置条柱称为默认放大叠置条柱。图3中所示叠置条形图使用与标准条柱平行的标记315在标准条柱旁边显示与每个叠置条柱对应的x坐标值。在一个实施方式中,叠置条柱之间的间隔是至少与标准条柱的宽度相等的宽度,以允许显示与x坐标对应的标记以及该标记与相邻叠置条柱之间的一定空白。备选地,叠置条柱之间的间隔可以是基于标记文字的高度和适当空白的适当宽度。备选实施方式可以默认地不显示与x坐标值对应的标记。
可以通过提供用户输入向默认放大叠置条柱的个体条柱增加进一步的放大。由此,如图4中所示,个体条柱被扩展为显示附加信息所需的高度。扩展的条柱400的高度可以大于默认放大叠置条柱中的条柱320或者标准叠置条柱在默认显示中由条柱的y坐标值确定的高度。可以通过选中叠置条柱的个体条柱来扩展该条柱。在一个实施方式中,通过借助指示设备在叠置条柱的条柱上悬停鼠标来选中特定的条柱。备选实施方式允许当光标在叠置条柱的区域内时通过利用指示设备进行点击来选中条柱。在放大的叠置条柱内被选中的条柱被扩展为显示与对应于该条柱的数据点关联的信息(包括其y坐标值)所需的最小数量。未显示扩展有附加信息的特定条柱的放大叠置条柱被称为默认放大叠置条柱。在一些实施方式中,具有已扩展特定条柱的叠置条柱的最大高度受限于图表的最大高度。备选地,特定条柱可以被扩展成的最大高度限于预定的最大值。在叠置条柱内的其他条柱保持其未扩展高度。备选实施方式可以降低未扩展的条柱的高度,以允许选中的条柱被放大更多。被扩展的条柱不显示基于对应数据点的y坐标值的高度。因此,被扩展的条柱按照区别于其他条柱的方式而被显示,其他条柱显示基于其y坐标值的高度。被扩展的条柱被视为以受激状态被显示,例如可以将其显示为摆动同时其他条柱静止,或者可以用不同的颜色或者阴影来显示它,该颜色或者阴影将扩展的条柱与未显示于受激状态的条柱区分开。其他实施方式可以示出条柱为闪烁或者跳动。该区别指示条柱没有显示基于其y坐标值的高度。如果选中叠置体内的不同条柱或者放大不同叠置条柱,则受激状态中的条柱基于其y坐标值恢复成其正常高度,而不再显示于受激状态。如果所选条柱所需显示的文字量无法被显示在经扩展的条柱的区域内,则可以将文字显示为覆盖该条柱。备选地,可以删减文字,并且需要来自用户的附加输入才显示全部文字。在一些实施方式中,整个叠置条柱可被显示于受激状态。在显示与默认放大叠置条柱关联的合计值的实施方式中,一旦特定条柱被选中并且与附加信息一起被显示于受激状态,就可以不显示合计值。在备选实施方式中,也可以增加扩展条柱或者整个放大叠置条柱的宽度,以允许显示附加信息。宽度增加可以使显示于屏幕上的其他条柱减少宽度或者移出图表的可见区。
当用户选中放大叠置条柱内的不同条柱(例如,图5中所示叠置条柱500或者图6中所示叠置条柱600)时,原来扩展的条柱400恢复为其正常高度,并且扩展叠置条500或者600。扩展的条500或者600分别使用标记510或者610来显示与条柱关联的附加信息。在一个实施方式中,未扩展的条柱415向扩展的条柱500的转变、放大的叠置条柱500向标准叠置条柱520的转变被动画化。例如,从未扩展条柱向扩展条柱的转变可以显示在未扩展条柱尺寸与扩展的条柱尺寸之间的不同尺寸的条柱,由此呈现平滑的转变。另一实施方式显示从未扩展的条柱直接向扩展的条柱或者从扩展的条柱直接向未扩展的条柱的转变,而不显示任何中间阶段。在一个实施方式中,用户可以定制动画设置;备选地,可以根据设备类型来自动确定它们。图7图示了在一个实施方式中用户可以如何提供使放大的条柱610被显示为默认放大叠置条柱710的输入,这例如可以通过将指示设备从扩展的条柱600拖动到未与任何条柱对应的中性区700。
在一些实施方式中,可以基于用户输入来扩展多个条柱。例如,选中的条柱可以与其相邻条柱被一起扩展。在一些实施方式中,选中的条柱的扩展可以大于相邻条柱的扩展。此外,用户选中的条柱可以比扩展的相邻条柱显示更多的信息量。也可以通过使用不同颜色、阴影或者字号来区分用户选中的条柱与扩展的相邻条柱。
图3使用矩形形状来显示叠置条柱中的条柱。备选实施方式可以使用其他形状来显示条柱,只要可以在该形状中标识宽度和高度,例如三维块、圆柱形状或者具有弯曲边的矩形形状。图3在放大区300内显示单个放大叠置条柱。其他实施方式可以在放大区300内显示更多叠置条柱。用户可以配置显示于放大区内的条柱数目。
如果在条柱形图中的叠置条柱数目较少,则整个条形图可以被显示于显示屏225中。如果叠置条形图中的叠置条柱的数目较大,则可以在显示屏225上仅显示相邻叠置条柱的子集。在这一情况下,向用户提供用于相对于放大区300移动叠置条形图以能够放大不同叠置条柱的机制。这可以包括保持放大区300静止的同时移动图表,或者保持图表静止的同时移动放大区300,或者移动二者。例如,用户可以指向在放大区300以外的区域并且沿着x轴滑动,从而使叠置条形图沿着x轴移动,同时放大区300保持在显示屏325的相同区域中。备选地,用户可以选择被显示的标准叠置条柱,以使放大区300被显示在新选择的标准叠置图形周围,并且先前放大的叠置图形被显示为标准叠置条柱。叠置条形图相对于放大区300的移动使不同的叠置条柱通过放大区300。在放大区300之下通过的每个标准叠置条柱变成放大的叠置条柱。一旦标准叠置条柱改变为放大的叠置条柱,就可以扩展叠置条柱的个体条柱,以查看与条柱有关的附加信息。在一个实施方式中,标准化叠置条柱向放大叠置条柱的转变或者放大叠置条柱向标准叠置条柱的转变被动画化。例如,从标准叠置条柱向放大叠置条柱的转变可以显示在标准叠置条柱的尺寸与放大叠置条柱的尺寸之间的不同尺寸的条柱,由此呈现平滑转变。另一实施方式显示从标准叠置条柱向放大叠置条柱或者从放大的叠置条柱向标准叠置条柱的直接转变,而不显示任何中间阶段。在一个实施方式中,用户可以定制动画设置;备选地,可以根据设备类型来自动确定它们。
提供用于让用户在图表的不同部分内导航以便借助放大区300修改这些部分并且查看其细节的机制。用户能够通过提供输入将图表的不同部分带到放大区300之下,该输入使图表相对于放大区300移动。例如,可以通过点击显示于显示屏225上的标准条柱将标准条柱带到放大区300之下。在一个备选实施方式中,放大区300可以从显示屏的一部分移向另一部分,以便将所需标准条柱带到放大区内。一个实施方式允许用户通过选择标准条柱并且用指示/选择设备在特定方向上的滑动运动拖拉条柱来滚动条形图。另一实施方式允许用户越过显示屏的任何区域滑动以滚动条形图。滑动方向指示用户想要条形图滚动的方向。在一些实施方式中,条形图移动的距离由用户滑动运动的量值确定。在另一实施方式中,条形图移动的距离由滑动运动的速度确定,使得较快的滑动将条形图移动较大的距离。在又一实施方式中,用户的滑动动作可以使条形图开始连续滚动直至用户提供指示该用户想要条形图停止滚动的输入。用户可以使条形图滚动直至所需条柱在显示区中。一旦所需条柱在显示区中,除非该条柱已经在放大区300中,则可以通过将放大区移向条柱来放大它。如果条形图的滚动使条形图到达图表的结束,则条形图停止滚动,因为不能通过继续滚动来显示新条柱。条形图的结束对应于将要显示的条形图所针对的最小和最大x坐标值。一旦在用户输入使条形图到达条形图的末尾时停止滚动,用户就可以使条形图在相反方向上滚动。
图8图示了一个通过倾斜显示屏225来激活条形图滚动的实施方式。条形图滚动的方向由倾斜角度确定。图8中所示设备815可以按照沿着圆820绘出的任何角度倾斜。箭头810指示倾斜角度为少于90°的正角度。如图8中所示,倾斜可以使左边340高于右边325。按照箭头810所示角度的倾斜使条形图的滚动方向为800。在条形图保持滚动时,在放大器300之下显示的条柱持续改变。用户可以选择将角度改变成倾斜回到0°以停止滚动动作。一旦滚动停止,所需条柱可能已经在放大器300之下,或者在放大器300以外但在显示区内。这允许用户将放大器300移向所需条柱或者使用一种用于相对于放大器移动条形图的备选机制。图9图示了倾斜角度可以如何如箭头910所示为负从而使条形图在与方向800相反的方向900上滚动。
在一个实施方式中,滚动速度由倾斜角度的量值确定。例如,在图8中,如果选择倾斜角度810为80°,则条形图滚动的速度高于如果角度810为10°时的速度。尝试到达在显示区以外的条柱和与在显示区内的条柱远离的若干条柱的用户可以从大倾斜角度开始以朝着所需条柱快速滚动。倾斜角度可以随着所需条柱变得较为接近显示区而减小。倾斜角度在所需条柱在显示区内时减少至零,从而使滚动停止。在某些实施方式中,条形图滚动的速度具有最小或者最大限制或者兼而有之。例如,检测到的最小量的倾斜使图表按照或者高于最小速度滚动。类似地,最大倾斜(例如90°或者-90°)不会使图表的滚动比最大滚动速度更快。可以针对***预定或者由用户配置图表的最小和最大滚动速度。
在某些实施方式中,将倾斜角度810改变成在接近90°的预定角度范围内的角度使条形图直接移向与需要显示的最小x坐标值对应的条形图的开始。这一行为是上述行为(其中条形图的滚动速度与角度的量值成比例)的例外。在倾斜角度大到足以在接近90°的预定角度内时,用户输入使条形图直接移向条形图的开始而不是继续滚动。类似地,如果倾斜角度在接近-90°的预定角度范围内,则条形图的末端显示与需要显示的最大x坐标值相对应的条柱。
数据渲染器215确定将显示于显示屏225上的图表的尺度。图10图示了用来确定叠置条形图中的叠置条柱的宽度的过程。呈现的计算获得可以基于包括外观审美的其他标准来进一步改变的近似值。使用以下等式来计算(1000)标准叠置条柱的条柱宽度SBwidthx,其中CHARTwidth为用于显示图表的显示屏225的宽度,num_dp为图表中的数据点总数。假设在两个条柱之间的间隙为标准条柱的宽度。
如果按照一些其他标准来确定在两个条柱之间的间隙,则可以修改等式(1)以计算SBwidthx。计算标准条柱的最小可能宽度SBwidthmin如下。
SBwidthmin=heightmin_font+M (2)
在等式(2)中,Heightmin_font为可以用来显示数据标记315的最小字号,M为在文字旁边的两个条柱之间的空间隙的预定值,例如0.1点的尺寸。比较(1005)标准条柱宽度SBwidthx与SBwidthmin。如果SBwidthx的值小于SBwidthmin,则图表的默认视图显示(1015)宽度为SBwidthmin的标准条柱的子集。如果SBwidthx的值至少与一样SBwidthmin大,则比较(1010)SBwidthx与在放大区中的放大叠置条柱的宽度MBwidth。基于为显示放大的条柱中的文字而预定的字体的高度heightdisplay_font来计算MBwidth的值。
MBwidth=heightdisplay_font+2*Mdislpay (3)
值Mdisplay为与定位在放大的叠置条柱中的文字上方和下方显示的空白。如果SBwidthx的值至少与一样SBwidthmin大但是小于MBwidth,则显示(1020)宽度为SBwidthx的标准条柱。如果上文计算的SBwidthx至少与MBwidth一样大,则创建(1025)宽度为MBwidth的条形图,并且无需放大区。另外,在这一情况下,在一个实施方式中,可以通过扩展在显示的任何叠置条柱中的条柱来进一步放大叠置条柱。可以针对所有叠置条柱显示针对放大的条柱而显示的默认文字,例如合计叠置条柱值。
与底边缘350平行并且与底边缘350接近示出图3中的x轴。与底边缘接近示出图3中的x轴是因为与条柱对应的所有y坐标值为正并且在x轴上方被示出。如果与某些条柱的y坐标值为负,则对应条柱需要显示于x轴下方。在这一情况下,x轴放置于在图表区的顶边缘与底边缘之间的某处。如果数据点的所有y坐标值为正,则可以确定条柱的最大高度与图表区的高度相同。通过基于条柱的最大高度适当地缩放任何条柱的高度Bheightx来确定该值。
在等式(3)中,heightchart_area为与叠置条柱的最大高度对应的图表区高度,DPmax为与高度最大的叠置条对应的y坐标值,DPx为与计算的高度Bheightx所针对的叠置条对应的y坐标值。基于个体条的y坐标值来适当缩放它们的高度。
与叠置条的条对应的所有y坐标值为负,则所有条必须显示于x轴下方。在这一情况下,可以与显示屏的顶边345接近显示x轴。按照以下等式计算每个条的高度。
最高叠置条柱对应于最小y坐标值DPmin。由于DPmin为负,所以等式(3)使用由|DPmin|代表的绝对函数来计算正的Bheightx值。
如果条形图需要显示包括具有正y坐标值和负y坐标值的条的叠置条,则正的条显示于x轴上方,负的条显示于x轴下方。在这一情况下,x轴显示于下图表边355与上图表表360之间,从而叠置图形可以显示于x轴的任一侧上。在一个实施方式中,基于以下等式(5)计算x轴从下边355的距离Xheight:
实质上,x轴显示于下图表边355上方,使得叠置条内的负条的最小累计y坐标值DPmin可以显示于x轴下面而在叠置条柱内的正条的最大累计y坐标值DPmax可以显示于x轴上方。使用等式(6)来计算在这一情况下的条柱高度Bheightx。
在某些实施方式中,可以显示条形图,使得x和y轴转置。
将理解已经简化本发明的附图和描述以图示对于清楚理解本发明而言相关的单元而又去除在允许用户查看报告数据的典型***中发现的许多其他单元以求清楚。本领域普通技术人员可以认识到其他单元和/或步骤在实施本发明时是希望和/或需要的。然而由于这些单元和步骤在本领域中众所周知并且由于它们未有助于更好地理解本发明,所以这里未提供对这样的单元和步骤的讨论。这里的公开内容涉及对本领域技术人员已知的这样的单元和方法的所有这样的变化和修改。
上文描述的一些部分在对信息的操作的算法和符号表示方面描述实施方式。这些算法描述和表示由数据处理领域技术人员常用来向本领域其他技术人员有效地传达他们的工作的实质。这些操作尽管在功能、计算或者逻辑上加以描述但是理解为由计算机程序或者等效电路、微代码等实施。另外也已经证实将这些操作布置称为模块有时是便利的而不失一般性。可以用软件、固件、硬件或者其任何组合来实施描述的操作及其关联模块。
如这里所用,对“一个实施方式”或者“实施方式”的任何引用意味着与该实施方式结合描述的特定单元、特征、结构或者特性包含于至少一个实施方式中。短语“在一个实施方式中”在各处的出现未必都指代相同实施方式。
可以使用表达“耦合”和“连接”及其派生词来描述一些实施方式。应当理解这些术语并非作为彼此的同义词。例如可以使用术语“连接”指示两个或者更多单元相互直接物理或者电接触来描述一些实施方式。在另一示例中,可以使用术语“耦合”指示两个或者更多单元直接物理或者电接触来描述一些实施方式。然而术语“耦合”也可以意味着两个或者更多单元未相互直接接触、但又仍然相互配合或者交互。实施方式在这一背景中不受限制。
如这里所用,术语“包括”、“具有”或者其任何其他变体旨在于覆盖非排他性的包含意义。例如包括要素列表的过程、方法、产品或者装置未必仅限于那些单元而是可以包括未明确列举的或者这样的过程、方法、产品或者装置固有的其他要素。另外除非另有相反指明,“或者”指代包含意义的或者而非排他性的或者。例如以下各项中的任一项满足条件A或者B:A为真(或者存在)而B为假(或者不存在)、A为假(或者不存在)而B为假(或者存在)以及A和B均为真(或者存在)。
此外,使用“一个/一种”来描述这里的实施方式的单元和部件。这样做仅为了便利并且给出本发明的一般意义。应当理解这一描述包括一个或者至少一个,并且单数除非它明显另有含义则也包括复数。
在阅读本公开内容时,本领域技术人员将理解用于一种用于按照这里的公开原理显示叠置条形图的***和过程的附加替代结构和功能设计。因此尽管已经图示和描述具体实施方式和应用,但是将理解公开的实施方式并不限于这里公开的精确构造和部件。可以在这里公开的方法和装置的布置、操作和细节上做出本领域技术人员将清楚的各种修改、改变和变化而不脱离在所附权利要求中限定的精神实质和范围。
Claims (20)
1.一种用于在移动设备的显示屏上显示代表多个数据点的图表的方法,所述方法包括:
在所述显示屏上显示一组数据点,每个数据点与x坐标值和y坐标值关联,多个数据点与x坐标值关联,以一个形状来显示每个数据点,所述形状具有第一固定宽度以及基于所述数据点的所述y坐标值的高度;
响应于接收到第一用户输入:
更改与x坐标值关联的多个所述形状的显示,以利用大于所述第一固定宽度的第二固定宽度来显示所述形状;
响应于接收到第二用户输入:
更改与具有所述x坐标值的第一数据点关联的第一形状的显示,以利用增加的高度来显示所述形状;以及
覆盖所述第一形状而显示与所述第一形状关联的信息;以及
响应于接收到第三用户输入:
更改与具有所述x坐标值的第二数据点关联的第二形状的显示,以利用增加的高度来显示所述第二形状;以及
覆盖所述第二形状而显示与所述第二形状关联的信息。
2.根据权利要求1所述的方法,其中所述图表为叠置条形图。
3.根据权利要求1所述的方法,还包括:
响应于接收到所述第二用户输入,以减小的高度显示与所述数据点关联的第三形状。
4.根据权利要求1所述的方法,还包括:
响应于接收到所述第三用户输入,更改所述第一形状以显示基于所述第一数据点的所述y坐标值的高度。
5.根据权利要求1所述的方法,还包括:
响应于接收到所述第二用户输入,更改第一形状的显示以摆动。
6.根据权利要求1所述的方法,还包括:
响应于接收到所述第二用户输入,更改第一形状的显示以闪烁。
7.根据权利要求1所述的方法,还包括:
邻近所述多个形状来显示与所述x坐标关联的所述数据点的所述x坐标值。
8.根据权利要求1所述的方法,还包括:
覆盖所述多个形状的子集、基于具有所述x坐标值的数据点而显示合计y坐标值。
9.一种用于在移动设备的显示屏上显示代表多个数据点的图表的***,所述***包括:
计算机处理器;以及
计算机可读存储介质,存储被配置用于在所述计算机处理器上执行的计算机程序模块,所述计算机程序模块包括:
输入/输出驱动器模块,配置用于:
在所述显示屏上显示一组数据点,每个数据点与x坐标值和y坐标值关联,多个数据点与x坐标值关联,以一个形状显示每个数据点,所述形状具有第一固定宽度以及基于所述数据点的所述y坐标值的高度;
响应于接收到第一用户输入:
更改与x坐标值关联的多个所述形状的显示,以利用大于所述第一固定宽度的第二固定宽度来显示所述形状;响应于接收到第二用户输入:
更改与具有所述x坐标值的第一数据点关联的第一形状的显示,以利用增加的高度来显示所述形状;以及
覆盖所述第一形状而显示与所述第一形状关联的信息;以及
响应于接收到第三用户输入:
更改与具有所述x坐标值的第二数据点关联的第二形状的显示,以利用增加的高度来显示所述第二形状;以及
覆盖所述第二形状而显示与所述第二形状关联的信息。
10.根据权利要求9所述的***,其中所述图表为叠置条形图。
11.根据权利要求9所述的***,其中所述输入/输出驱动器模块还被配置用于:
响应于接收到所述第二用户输入,以减小的高度显示与所述数据点关联的第三形状。
12.根据权利要求9所述的***,其中所述输入/输出驱动器模块还被配置用于:
响应于接收到所述第三用户输入,更改所述第一形状以显示基于所述第一数据点的所述y坐标值的高度。
13.根据权利要求9所述的***,其中所述输入/输出驱动器模块还被配置用于:
响应于接收到所述第二用户输入,更改第一形状的显示以摆动。
14.根据权利要求9所述的***,其中所述输入/输出驱动器模块还被配置用于:
响应于接收到所述第二用户输入,更改第一形状的显示以闪烁。
15.一种具有计算机可读存储介质的计算机程序产品,所述计算机可读存储介质存储计算机可执行代码,所述代码用于在移动设备的显示屏上显示代表多个数据点的图表,所述代码包括:
输入/输出驱动器模块,配置用于:
在所述显示屏上显示一组数据点,每个数据点与x坐标值和y坐标值关联,多个数据点与x坐标值关联,以一个形状显示每个数据点,所述形状具有第一固定宽度以及基于所述数据点的所述y坐标值的高度;
响应于接收到第一用户输入:
更改与x坐标值关联的多个所述形状的显示,以利用大于所述第一固定宽度的第二固定宽度来显示所述形状;
响应于接收到第二用户输入:
更改与具有所述x坐标值的第一数据点关联的第一形状的显示,以利用增加的高度来显示所述形状;以及
覆盖所述第一形状而显示与所述第一形状关联的信息;以及
响应于接收到第三用户输入:
更改与具有所述x坐标值的第二数据点关联的第二形状的显示,以利用增加的高度来显示所述第二形状;以及
覆盖所述第二形状而显示与所述第二形状关联的信息。
16.根据权利要求15所述的计算机程序产品,其中所述图表为叠置条形图。
17.根据权利要求15所述的计算机程序产品,其中所述输入/输出驱动器模块还被配置用于:
响应于接收到所述第二用户输入,以减小的高度显示与所述数据点关联的第三形状。
18.根据权利要求15所述的计算机程序产品,其中所述输入/输出驱动器模块还被配置用于:
响应于接收到所述第三用户输入,更改所述第一形状以显示基于所述第一数据点的所述y坐标值的高度。
19.根据权利要求15所述的计算机程序产品,其中所述输入/输出驱动器模块还被配置用于:
响应于接收到所述第二用户输入,更改第一形状的显示以摆动。
20.根据权利要求15所述的计算机程序产品,其中所述输入/输出驱动器模块还被配置用于:
响应于接收到所述第二用户输入,更改第一形状的显示以闪烁。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US12/413,496 | 2009-03-27 | ||
US12/413,496 US8239765B2 (en) | 2009-03-27 | 2009-03-27 | Displaying stacked bar charts in a limited display area |
PCT/US2010/028817 WO2010111585A1 (en) | 2009-03-27 | 2010-03-26 | Displaying stacked bar charts in a limited display area |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102428435A true CN102428435A (zh) | 2012-04-25 |
Family
ID=42781542
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010800216010A Pending CN102428435A (zh) | 2009-03-27 | 2010-03-26 | 在有限的显示面积中显示叠置条形图 |
Country Status (4)
Country | Link |
---|---|
US (1) | US8239765B2 (zh) |
EP (1) | EP2411903A4 (zh) |
CN (1) | CN102428435A (zh) |
WO (1) | WO2010111585A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102968808A (zh) * | 2012-11-21 | 2013-03-13 | 华为技术有限公司 | 用于显示的方法和装置 |
CN114625303A (zh) * | 2020-12-10 | 2022-06-14 | 荣耀终端有限公司 | 窗口显示方法、终端设备及计算机可读存储介质 |
Families Citing this family (33)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8228330B2 (en) * | 2009-01-30 | 2012-07-24 | Mellmo Inc. | System and method for displaying bar charts with a fixed magnification area |
US9245362B2 (en) * | 2009-02-25 | 2016-01-26 | Mellmo, Inc. | Displaying bar charts with a fish-eye distortion effect |
US20110050702A1 (en) * | 2009-08-31 | 2011-03-03 | Microsoft Corporation | Contribution based chart scaling |
US9041730B2 (en) * | 2010-02-12 | 2015-05-26 | Dexcom, Inc. | Receivers for analyzing and displaying sensor data |
EP2472461A1 (en) * | 2010-12-30 | 2012-07-04 | Tata Consultancy Services Ltd. | Configurable catalog builder system |
WO2012103953A1 (en) | 2011-02-03 | 2012-08-09 | Abb Technology Ag | The use of a graph in a process control system for displaying a physical property of a process controlled by the system |
US20120313957A1 (en) * | 2011-06-09 | 2012-12-13 | Microsoft Corporation | Staged Animated Transitions for Aggregation Charts |
US20120324370A1 (en) * | 2011-06-20 | 2012-12-20 | Research In Motion Limited | Apparatus, and associated method, for locating a message using graphical interface |
US9202297B1 (en) | 2011-07-12 | 2015-12-01 | Domo, Inc. | Dynamic expansion of data visualizations |
US9792017B1 (en) * | 2011-07-12 | 2017-10-17 | Domo, Inc. | Automatic creation of drill paths |
US9804726B1 (en) | 2011-07-12 | 2017-10-31 | Domo, Inc. | Comparative graphical data representation |
TWI668625B (zh) * | 2012-01-11 | 2019-08-11 | 富智康(香港)有限公司 | 電子設備頁面顯示控制方法及系統 |
US9501849B2 (en) * | 2012-05-11 | 2016-11-22 | Vmware, Inc. | Multi-dimensional visualization tool for browsing and troubleshooting at scale |
US9356904B1 (en) * | 2012-05-14 | 2016-05-31 | Google Inc. | Event invitations having cinemagraphs |
US9632685B2 (en) * | 2012-05-31 | 2017-04-25 | Eric Qing Li | Method of navigating through a media program displayed on a portable electronic device in a magnified time scale |
US9715331B2 (en) | 2013-03-15 | 2017-07-25 | International Business Machines Corporation | Generating an insight view while maintaining report context |
US9760262B2 (en) | 2013-03-15 | 2017-09-12 | Microsoft Technology Licensing, Llc | Gestures involving direct interaction with a data visualization |
US9239670B2 (en) | 2013-03-15 | 2016-01-19 | International Business Machines Corporation | Graphical interface data fragment operations for data visualization |
US9495063B2 (en) * | 2013-06-24 | 2016-11-15 | Oracle International Corporation | Displaying tooltips to users of touch screens |
US9304666B2 (en) * | 2013-06-24 | 2016-04-05 | Oracle International Corporation | Supporting navigation on touch screens displaying elements organized in a fixed number of dimensions |
US20150007079A1 (en) * | 2013-06-28 | 2015-01-01 | Silicon Graphics International Corp. | Combining parallel coordinates and histograms |
KR20150026095A (ko) * | 2013-08-30 | 2015-03-11 | 삼성전자주식회사 | 전자 장치에서 차트를 표시하는 장치 및 방법 |
US11144184B2 (en) | 2014-01-23 | 2021-10-12 | Mineset, Inc. | Selection thresholds in a visualization interface |
US9747711B2 (en) | 2014-09-23 | 2017-08-29 | International Business Machines Corporation | Display of graphical representations of legends in virtualized data formats |
US9904456B2 (en) * | 2014-12-02 | 2018-02-27 | Business Objects Software Ltd. | Gesture-based visualization of data grid on mobile device |
US20180240046A1 (en) * | 2015-02-09 | 2018-08-23 | Nec Corporation | Display system for displaying analytical information, method, and program |
US9741151B2 (en) | 2015-04-14 | 2017-08-22 | International Business Machines Corporation | Mobile interactive comparison chart |
US10049475B2 (en) | 2015-12-14 | 2018-08-14 | Microsoft Technology Licensing, Llc | Utilizing selective triggering events for optimizing chart visualization |
US10748312B2 (en) * | 2016-02-12 | 2020-08-18 | Microsoft Technology Licensing, Llc | Tagging utilizations for selectively preserving chart elements during visualization optimizations |
US10347017B2 (en) * | 2016-02-12 | 2019-07-09 | Microsoft Technology Licensing, Llc | Interactive controls that are collapsible and expandable and sequences for chart visualization optimizations |
US10013783B1 (en) * | 2016-04-19 | 2018-07-03 | Polaris Wireless, Inc. | System and method for graphical representation of spatial data |
US10552024B2 (en) * | 2016-12-09 | 2020-02-04 | Sap Se | System and method of providing spatiotemporal visualizations |
CN116401310B (zh) * | 2023-06-08 | 2023-08-22 | 西安中科天塔科技股份有限公司 | 一种柱状图堆叠显示方法及装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060070013A1 (en) * | 2004-09-29 | 2006-03-30 | Peter Vignet | Method and system to drill down graphically |
CN1851714A (zh) * | 2006-05-30 | 2006-10-25 | 北京北大方正电子有限公司 | 一种数字报纸内容浏览的方法 |
US7218325B1 (en) * | 2004-03-31 | 2007-05-15 | Trading Technologies International, Inc. | Graphical display with integrated recent period zoom and historical period context data |
Family Cites Families (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5634133A (en) * | 1992-01-17 | 1997-05-27 | Compaq Computer Corporation | Constraint based graphics system |
US5619631A (en) * | 1995-06-07 | 1997-04-08 | Binaryblitz | Method and apparatus for data alteration by manipulation of representational graphs |
US7089096B2 (en) * | 2000-10-17 | 2006-08-08 | Spx Corporation | Apparatus and method for displaying diagnostic values |
US7932906B2 (en) * | 2004-09-15 | 2011-04-26 | Hewlett-Packard Development Company, L.P.. | Constructing substantially equal-width pixel bar charts to enable visual data analysis |
US7451405B2 (en) * | 2004-09-15 | 2008-11-11 | Research In Motion Limited | Method for requesting and viewing a zoomed area of detail from an image attachment on a mobile communication device |
US7342584B2 (en) * | 2004-11-18 | 2008-03-11 | Amx, Llc | Method and computer program for implementing interactive bargraphs of any shape or design on a graphical user interface |
JP4037889B2 (ja) * | 2006-03-30 | 2008-01-23 | 株式会社コナミデジタルエンタテインメント | 画像生成装置、画像生成方法、ならびに、プログラム |
US20070268317A1 (en) * | 2006-05-18 | 2007-11-22 | Dan Banay | User interface system and method for selectively displaying a portion of a display screen |
US7716578B2 (en) * | 2006-05-19 | 2010-05-11 | Think-Cell Software Gmbh | Display method, computer program product and computer system |
US8570278B2 (en) * | 2006-10-26 | 2013-10-29 | Apple Inc. | Portable multifunction device, method, and graphical user interface for adjusting an insertion point marker |
EP1918802A1 (en) * | 2006-10-30 | 2008-05-07 | Research In Motion Limited | Method of improved viewing of visual objects on a display by enlarging a focused object |
US7779344B1 (en) * | 2006-10-31 | 2010-08-17 | Hewlett-Packard Development Company, L.P. | System and method for creating a value-based stacked bar chart |
US7737979B2 (en) * | 2007-02-12 | 2010-06-15 | Microsoft Corporation | Animated transitions for data visualization |
CA2578980A1 (en) * | 2007-02-19 | 2008-08-19 | Cognos Incorporated | System and method of report rendering |
US20100058250A1 (en) * | 2008-08-28 | 2010-03-04 | Smartdraw.Com | Editing numeric charts |
US8823710B2 (en) * | 2009-03-13 | 2014-09-02 | Microsoft Corporation | Large scale data visualization with interactive chart |
-
2009
- 2009-03-27 US US12/413,496 patent/US8239765B2/en active Active
-
2010
- 2010-03-26 WO PCT/US2010/028817 patent/WO2010111585A1/en active Application Filing
- 2010-03-26 CN CN2010800216010A patent/CN102428435A/zh active Pending
- 2010-03-26 EP EP10756904.8A patent/EP2411903A4/en not_active Withdrawn
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7218325B1 (en) * | 2004-03-31 | 2007-05-15 | Trading Technologies International, Inc. | Graphical display with integrated recent period zoom and historical period context data |
US20060070013A1 (en) * | 2004-09-29 | 2006-03-30 | Peter Vignet | Method and system to drill down graphically |
CN1851714A (zh) * | 2006-05-30 | 2006-10-25 | 北京北大方正电子有限公司 | 一种数字报纸内容浏览的方法 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102968808A (zh) * | 2012-11-21 | 2013-03-13 | 华为技术有限公司 | 用于显示的方法和装置 |
CN102968808B (zh) * | 2012-11-21 | 2016-08-10 | 华为技术有限公司 | 用于显示的方法和装置 |
CN114625303A (zh) * | 2020-12-10 | 2022-06-14 | 荣耀终端有限公司 | 窗口显示方法、终端设备及计算机可读存储介质 |
CN114625303B (zh) * | 2020-12-10 | 2022-12-16 | 荣耀终端有限公司 | 窗口显示方法、终端设备及计算机可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
US8239765B2 (en) | 2012-08-07 |
EP2411903A1 (en) | 2012-02-01 |
US20100251151A1 (en) | 2010-09-30 |
WO2010111585A1 (en) | 2010-09-30 |
EP2411903A4 (en) | 2013-10-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102428435A (zh) | 在有限的显示面积中显示叠置条形图 | |
CN102405484A (zh) | 显示具有鱼眼变形效果的柱状图 | |
US8228330B2 (en) | System and method for displaying bar charts with a fixed magnification area | |
JP5189152B2 (ja) | 改善された移動体通信端末及び方法 | |
EP2997443B1 (en) | Portable device and control method thereof | |
US10521092B2 (en) | Methods and devices for adjusting chart magnification asymmetrically | |
US9383916B2 (en) | Dynamic image presentation | |
CN1934616B (zh) | 利用二维指示装置产生一维信号的方法和设备 | |
US20090213032A1 (en) | Computer System Having Shared Display Devices | |
CN112181226B (zh) | 用于提供内容的方法和装置 | |
US8769403B2 (en) | Selection-based resizing for advanced scrolling of display items | |
CN102428427A (zh) | 在有限的显示面积中显示饼图 | |
US20110283228A1 (en) | Information processing apparatus and method, and program | |
US20120278755A1 (en) | Elastic over-scroll | |
CN101673181A (zh) | 具有触摸区域的移动表示的用户界面 | |
JP5606950B2 (ja) | 電子機器、手書き処理方法、および手書き処理プログラム | |
CN104850660A (zh) | 一种图片显示方法、装置及移动终端 | |
CN105247468B (zh) | 可编程显示器及其画面操作处理程序 | |
US8762867B1 (en) | Presentation of multi-category graphical reports | |
US9304679B2 (en) | Electronic device and handwritten document display method | |
CN103782265A (zh) | 信息处理装置、显示控制方法、程序和信息存储介质 | |
CN103034419A (zh) | 在移动设备上实现无级别缩放数字地图的方法 | |
US9230393B1 (en) | Method and system for advancing through a sequence of items using a touch-sensitive component | |
US8640055B1 (en) | Condensing hierarchies in user interfaces | |
US9569085B2 (en) | Digital device displaying index information and method for controlling the same |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
AD01 | Patent right deemed abandoned |
Effective date of abandoning: 20120425 |
|
C20 | Patent right or utility model deemed to be abandoned or is abandoned |