CN103135904B - 图表的动态显示系统及其显示方法 - Google Patents

Abstract

本发明提供一种图表的动态显示系统及其显示方法，通过将图表分割成纵轴坐标标签、横轴坐标标签及数据图表，并且根据输入信息撷取部分的横轴坐标标签及数据图表以产生显示图像及相邻图像，以便在显示区块中同时显示纵轴坐标标签及显示图像，并且在输入信息改变时，将显示区块中的显示图像调整显示为相邻图像，用以达成提高图表的显示效率的技术效果。

Description

图表的动态显示系统及其显示方法

技术领域

本发明涉及一种图表的显示系统及其显示方法，特别涉及一种能够根据显示区块的分辨率来动态显示部分图表的图表的动态显示系统及其显示方法。

背景技术

近年来，随着移动装置的普及与蓬勃发展，在移动装置上浏览图表的需求较以往大幅增加。然而，由于移动装置的显示空间有限，所以无法一次性显示完整的图表。因此，如何提供使用者便利地在移动装置上浏览图表便成为各家厂商亟待解决的问题。

一般而言，在有限的显示空间中显示图表，通常是预先加载完整图表后再搭配横向滚动条及纵向滚动条，提供使用者通过拖曳横向滚动条或纵向滚动条的方式来调整显示图表。然而，限定以横向滚动条及纵向滚动条来调整图表的显示方式将造成使用者浏览图表的不便，而且预先加载完整图表的方式，随着图表占用的内存空间越大，其图表的显示效率将越低落。

有鉴于此，于是有厂商提出利用检测使用者的触控操作来调整图表的显示，如此一来即可避免使用横向滚动条及纵向滚动条，并同样能够完成图表的操作显示。不过，以此方式虽然能够改善浏览图表的便利性，但是仍然无法解决因预先加载完整图表，使得内存空间占用过多而影响图表的显示效率。

综上所述，可知现有技术中长期以来一直存在无法在有限的显示空间中有效显示图表的问题，因此有必要提出改进的技术手段，来解决这一问题。

发明内容

有鉴于现有技术存在的问题，本发明提供一种图表的动态显示系统及其显示方法。

本发明所提供的图表的动态显示系统，包含：储存模块、检测模块、撷取模块及显示模块。其中，储存模块用以储存横轴坐标标签、纵轴坐标标签及相应所述横轴坐标标签与纵轴坐标标签的数据图表；检测模块用以检测显示区块的分辨率，以及持续检测输入信息；撷取模块用以根据显示区块的分辨率产生撷取范围，并且根据输入信息及撷取范围在横轴坐标标签及数据图表上撷取显示图像及相邻图像；显示模块用以在显示区块中显示所述显示图像，以及根据所述显示区块的分辨率调整显示纵轴坐标标签，并且在输入信息改变时，根据改变后的输入信息在显示区块中调整为显示相邻图像。

关于本发明的图表的动态显示方法，其步骤包括：提供横轴坐标标签、纵轴坐标标签及相应所述横轴坐标标签与纵轴坐标标签的数据图表；检测显示区块的分辨率，以及持续检测输入信息；根据所述显示区块的分辨率产生撷取范围，并且根据所述输入信息及撷取范围在横轴坐标标签及数据图表上撷取显示图像及相邻图像；在显示区块中显示所述显示图像，以及根据此显示区块的分辨率调整显示所述纵轴坐标标签，并且在输入信息改变时，根据改变后的输入信息于显示区块中调整为显示相邻图像。

本发明所提供的系统与方法如上，与现有技术之间的差异在于本发明是通过将图表分割成纵轴坐标标签、横轴坐标标签及数据图表，并且根据输入信息撷取部分的横轴坐标标签及数据图表以产生显示图像及相邻图像，以便在显示区块中同时显示纵轴坐标标签及显示图像，并且在输入信息改变时，将显示区块中的显示图像调整显示为相邻图像。

通过上述的技术手段，本发明可以达成提高图表的显示效率的技术效果。

附图说明

图1为本发明图表的动态显示系统的系统方块图。

图2为本发明图表的动态显示方法的方法流程图。

图3为本发明横轴坐标标签、纵轴坐标标签及数据图表的示意图。

图4为应用本发明根据输入信息及撷取范围撷取横轴坐标标签及数据图表的示意图。

图5为本发明显示图像及纵轴坐标标签显示在显示区块中的示意图。

图6为应用本发明显示相邻图像的示意图。

【主要部件附图标记说明】

11储存模块

12检测模块

13撷取模块

14显示模块

15绘制模块

300显示区块

311横轴坐标标签

312纵轴坐标标签

313数据图表

410撷取范围

420位移后的撷取范围

500显示图像

600相邻图像

步骤201读取对应有横轴坐标及纵轴坐标的多个资料数据，并且根据这些资料数据生成数据图表

步骤202读取这些资料数据的横轴坐标及纵轴坐标以产生横轴坐标标签及纵轴坐标标签

步骤210提供横轴坐标标签、纵轴坐标标签及相应该横轴坐标标签与该纵轴坐标标签的数据图表

步骤220检测显示区块的分辨率，以及持续检测输入信息

步骤230根据该显示区块的分辨率产生一撷取范围，并且根据该输入信息及该撷取范围在该横轴坐标标签及该数据图表上撷取一显示图像及至少一相邻图像

步骤240在该显示区块中显示该显示图像，以及根据该显示区块的分辨率调整显示该纵轴坐标标签，并且在该输入信息改变时，根据改变后的输入信息在该显示区块中调整为显示所述相邻图像

具体实施方式

以下将结合附图及实施例来详细说明本发明的实施方式，由此对本发明如何应用技术手段来解决技术问题并达成技术效果的实现过程能充分理解并据以实施。

在说明本发明所提供的图表的动态显示系统及其显示方法之前，先对本发明所自行定义的名词作说明，本发明所述的横轴坐标标签为图表的「X轴」的项目，纵轴坐标标签为图表的「Y轴」的项目，而所述数据图表则为相应于「X轴」及「Y轴」的数据图，如：折线图、长条图、柱状图......等等。特别要说明的是，所述横轴坐标标签、纵轴坐标标签及数据图表皆为图像，其中，横轴坐标标签与纵轴坐标标签皆为固定内容的图像，而数据图表则是根据不同的资料数据所产生的图像，也就是说，不同资料数据其数据图表所呈现的折线图、长条图或柱状图的样式皆不尽相同。

以下配合图式对本发明图表的动态显示系统及其显示方法作进一步说明，请参阅图1，图1为本发明图表的动态显示系统的系统方块图，包含：储存模块11、检测模块12、撷取模块13及显示模块14。其中，储存模块11用以储存横轴坐标标签、纵轴坐标标签及相应于所述横轴坐标标签与纵轴坐标标签的数据图表，由于横轴坐标标签、纵轴坐标标签及数据图表已于前述自行定义的名词中作说明，故在此不再多作赘述。

检测模块12用以检测显示区块的分辨率，也就是检测屏幕能用以显示的区块大小，以操作系统「Android」为例，可通过程序语言中的「config.screenLayout」语句来判断屏幕的显示区块大小，由于检测显示区块的分辨率的方式为现有技术，故在此不再多作赘述。另外，检测模块12亦持续检测输入信息，所述输入信息包含方向、文字、数字、符号......等信息。在实际实施上，此输入信息可通过按压功能键或触控点击的方式输入，举例来说，使用者可在触控屏幕上输入字符「99.01.02」作为输入信息，或是在触控屏幕上以触控操作的方式由左至右拖曳，使输入信息记录为方向「右」。

撷取模块13用以根据显示区块的分辨率产生撷取范围，并且根据输入信息及撷取范围在横轴坐标标签及数据图表上撷取显示图像与相邻图像。举例来说，假设检测模块12检测到显示区块的分辨率为「320*480」，那么撷取模块13将产生与此显示区块相同大小的撷取范围(即「320*480」)，接着，撷取模块13会根据检测模块12检测到的输入信息，如：「99.01.02」，以及撷取模块13所产生的撷取范围「320*480」，用以在横轴坐标标签及数据图表上进行定位及撷取，举例来说，输入信息为「99.01.02」、撷取范围「320*480」，撷取模块13会先根据输入信息找出相应于横轴坐标标签及数据图表的位置，并且以此位置为中心撷取大小为「320*480」的图像作为显示图像，以及使用同样大小的撷取范围来撷取相邻(例如：上、下、左及右)此显示图像的其它图像作为相邻图像，所述显示图像及相邻图像皆包含有部分的横轴坐标标签及数据图表，稍后将再结合附图对撷取方式作详细说明。

显示模块14用以在显示区块中显示撷取模块13所撷取的显示图像，以及根据此显示区块的分辨率调整显示纵轴坐标标签，例如：当显示区块的分辨率为「320*480」时，可将纵轴坐标标签调整为适合显示于此分辨率的大小。另外，当输入信息改变时，显示模块14会根据改变后的输入信息在显示区块中调整为显示相邻图像，举例来说，当输入信息改变成「右」时，显示模块14会将原本显示在显示区块中的显示图像调整成显示相邻图像(此相邻图像为撷取模块13撷取自显示图像左侧的图像)。在实际实施上，显示模块14可将纵轴坐标标签调整成半透明并重迭显示于显示图像的上侧、下侧、左侧或右侧的其中一侧，如：左侧。

除此之外，本发明图表的动态显示系统还可包含绘制模块15用以读取对应横轴坐标及纵轴坐标的多个资料数据，并且根据这些资料数据生成数据图表以储存至储存模块11。在实际实施上，所述资料数据可通过传感器进行感测且储存于储存模块11，由于通过传感器来感测资料数据的方式为现有技术，故在此不再多作说明。另外，绘制模块15亦可读取所述资料数据的横轴坐标及纵轴坐标以产生横轴坐标标签及纵轴坐标标签，并且将产生的横轴坐标标签及纵轴坐标标签储存在储存模块11之中。

接着，请参阅图2，图2为本发明图表的动态显示方法的方法流程图，其步骤包括：提供横轴坐标标签、纵轴坐标标签及相应此横轴坐标标签与纵轴坐标标签的数据图表(步骤210)；检测显示区块的分辨率，以及持续检测输入信息(步骤220)；根据显示区块的分辨率产生撷取范围，并且根据输入信息及撷取范围在横轴坐标标签及数据图表上撷取显示图像及相邻图像(步骤230)；在显示区块中显示显示图像，以及根据显示区块的分辨率调整显示纵轴坐标标签，并且在输入信息改变时，根据改变后的输入信息于显示区块中调整为显示相邻图像(步骤240)。通过上述步骤，即可通过将图表分割成纵轴坐标标签、横轴坐标标签及数据图表，并且根据输入信息撷取部分的横轴坐标标签及数据图表以产生显示图像及相邻图像，以便在显示区块中同时显示纵轴坐标标签及显示图像，并且在输入信息改变时，将显示区块中的显示图像调整显示为相邻图像。

另外，在步骤210之前，还可包含读取对应有横轴坐标及纵轴坐标的多个资料数据，并且根据这些资料数据生成数据图表(步骤201)；读取这些资料数据的横轴坐标及纵轴坐标以产生横轴坐标标签及纵轴坐标标签(步骤202)。由于产生的数据图表不须显示横轴坐标及纵轴坐标，因此数据图表占用的内存空间较需显示横轴坐标及纵轴坐标的图表来得少，并且在具有相同横轴坐标及纵轴坐标的资料数据时，实时资料数据产生变化，步骤202所产生的横轴坐标标签及纵轴坐标标签仍可重复使用。

以下配合图3至图6以实施例的方式进行如下说明，请先参阅图3，图3为本发明横轴坐标标签、纵轴坐标标签及数据图表的示意图。所述横轴坐标标签311、纵轴坐标标签312及数据图表313皆预先储存在储存模块101中，其中，横轴坐标标签311及纵轴坐标标签312为固定的图像，如：日期刻度、卡路里刻度。至于数据图表313则是对应横轴坐标标签311与纵轴坐标标签312且根据资料数据的不同而有不同变化的图像。在实际实施上，数据图表313除了如图3所示意以折线图呈现之外，亦可以长条图、直方图或曲线图来呈现，甚至可任选一种以上来进行搭配组合。

如图4所示意，图4为应用本发明根据输入信息及撷取范围撷取横轴坐标标签及数据图表的示意图。当使用者欲浏览图表时，可利用触控操作的方式产生输入信息，如：键入数字「0115」。此时，检测模块12会检测显示区块的分辨率，以及检测所述输入信息。接着，撷取模块13根据显示区块的分辨率产生撷取范围410，其撷取范围410可与显示区块的大小相同，然而本发明并未以此作限定，在实际实施上，撷取范围410亦可小于显示区块的大小。

在产生撷取范围410之后，撷取模块13根据输入信息及撷取范围410在横轴坐标标签311及数据图表313上撷取显示图像及相邻图像，以图4为例，由于输入信息为「0115」，因此撷取范围410可如图4所示意，定位在横轴坐标标签311的「01/15」位置，以便将撷取范围410中的图像生成为显示图像，并且将撷取范围410进行位移后再次进行撷取，使位移后的撷取范围420中的图像成为相邻图像。

请参阅图5，图5为本发明显示图像及纵轴坐标标签显示在显示区块中的示意图。前面提到，撷取模块13撷取显示图像及相邻图像。接着，显示模块14会在显示区块300中显示所述显示图像500以及根据显示区块300的分辨率调整显示纵轴坐标标签312，例如：将纵轴坐标标签312调整显示在显示图像500左侧并与显示图像500相邻。

如图6所示意，图6为应用本发明显示相邻图像的示意图。当使用者以触控操作方式由右至左拖曳时，输入信息将由「0115」改变为「右」，此时，显示模块14根据改变后的输入信息「右」，于显示区块300中将原先显示的显示图像500调整显示为撷取模块13所撷取的相邻图像600，至于纵轴坐标标签312则维持不变以显示于相邻图像600的左侧。特别要说明的是，虽然本发明以纵轴坐标标签312显示于左侧来作举例，然而本发明并未以此作限定，换句话说，在实际实施上，纵轴坐标标签312亦可显示于显示图像500与相邻图像600的右侧。

综上所述，可知本发明与现有技术之间的差异在于通过将图表分割成纵轴坐标标签312、横轴坐标标签311及数据图表313，并且根据输入信息撷取部分的横轴坐标标签及数据图表以产生显示图像500及相邻图像600，以便在显示区块300中同时显示纵轴坐标标签312及显示图像500，并且在输入信息改变时，将显示区块300中的显示图像500调整显示为相邻图像600，借助这一技术手段可以解决现有技术所存在的问题，进而达成提高图表的显示效率的技术效果。

虽然本发明以前述的实施例公开如上，然而其并非用以限定本发明，任何本领域技术人员，在不脱离本发明的精神和范围内，当可作些许的变更与修改，因此本发明的专利保护范围须视本说明书所附的权利要求书所界定者为准。

Claims (10)

1.一种图表的动态显示系统，包含：

储存模块，用以储存横轴坐标标签、纵轴坐标标签及相应该横轴坐标标签与该纵轴坐标标签的数据图表；

检测模块，用以检测显示区块的分辨率，以及持续检测输入信息；

撷取模块，用以根据该显示区块的分辨率产生一撷取范围，并且根据该输入信息及该撷取范围在该横轴坐标标签及该数据图表上撷取一显示图像及至少一相邻图像；及

显示模块，用以在该显示区块中显示该显示图像，以及根据该显示区块的分辨率调整显示该纵轴坐标标签，并且在该输入信息改变时，根据改变后的输入信息在该显示区块中调整为显示所述相邻图像。

2.如权利要求1所述的图表的动态显示系统，其中该输入信息通过按压功能键、光标点击及触控点击或其组合的方式进行输入。

3.如权利要求1所述的图表的动态显示系统，其中该数据图表包含折线图、长条图、直方图及曲线图至少其中之一。

4.如权利要求1所述的图表的动态显示系统，其中该系统还包含绘制模块，用以读取对应有横轴坐标及纵轴坐标的多个资料数据，并且根据这些资料数据生成该数据图表以储存至该储存模块。

5.如权利要求4所述的图表的动态显示系统，其中该绘制模块还包含读取这些资料数据的横轴坐标及纵轴坐标以产生该横轴坐标标签及该纵轴坐标标签，并且将该横轴坐标标签及该纵轴坐标标签储存至该储存模块。

6.一种图表的动态显示方法，其步骤包括：

提供横轴坐标标签、纵轴坐标标签及相应该横轴坐标标签与该纵轴坐标标签的数据图表；

检测显示区块的分辨率，以及持续检测输入信息；

根据该显示区块的分辨率产生一撷取范围，并且根据该输入信息及该撷取范围在该横轴坐标标签及该数据图表上撷取显示图像及至少一相邻图像；及

在该显示区块中显示该显示图像，以及根据该显示区块的分辨率调整显示该纵轴坐标标签，并且在该输入信息改变时，根据改变后的输入信息在该显示区块中调整为显示所述相邻图像。

7.如权利要求6所述的图表的动态显示方法，其中该输入信息通过按压功能键、光标点击及触控点击或其组合的方式进行输入。

8.如权利要求6所述的图表的动态显示方法，其中该数据图表包含折线图、长条图、直方图及曲线图至少其中之一。

9.如权利要求6所述的图表的动态显示方法，其中该方法还包含读取对应有横轴坐标及纵轴坐标的多个资料数据，并且根据这些资料数据生成该数据图表的步骤。

10.如权利要求9所述的图表的动态显示方法，其中方法还包含读取这些资料数据的横轴坐标及纵轴坐标以产生该横轴坐标标签及该纵轴坐标标签的步骤。