CN107450835B - 一种图表上手势中心的绘制方法和装置 - Google Patents

Abstract

本发明涉及一种图表上手势中心的绘制方法和装置，所述方法包括：检测与触敏显示器的接触；确定所述接触的中心点的中心点坐标值；当所述中心点坐标值在所述触敏显示器显示的图表的坐标系范围内时，根据所述中心点坐标值确定和所述中心点对应的所述图表上显示的数据线上的数据点的数据点坐标值；以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案。本发明技术方案方便用户通过手势操作在触敏显示器上的图表中选择所需数据点，提高用户使用体验感。

Description

一种图表上手势中心的绘制方法和装置

技术领域

本发明涉及金融票据技术领域，特别是涉及一种图表上手势中心的绘制方法和装置。

背景技术

对于市场交易类App，需要实时掌握行情图变化情况。行情图上一般以连续线的方式显示不同时间点的报价数据等信息，如果需要了解某一时间的数据信息，需要点击相应数据点。由于目前在移动终端上主要是通过手势对图表进行操作，而手指与屏幕的接触面积相对较大。一方面，不容易准确点选到行情图数据线上的某一点；另一方面，点击后，不确定是否点选成功。

发明内容

本发明提供一种图表上手势中心的绘制方法和装置，在用户通过手势操作在触敏显示器上的图表中选择所需数据点时，首先确定和接触点对应的数据线上的数据点，然后对数据点进行突出显示，方便用户通过手势操作选择所需数据点，获得相应数据信息，提高用户使用体验感。

一方面，本发明提供了一种图表上手势中心的绘制方法，包括：

检测与触敏显示器的接触；

确定所述接触的中心点的中心点坐标值；

当所述中心点坐标值在所述触敏显示器显示的图表的坐标系范围内时，根据所述中心点坐标值确定和所述中心点对应的所述图表上显示的数据线上的数据点的数据点坐标值；

以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案。

本发明的有益效果是：当用户通过手势操作选择在触敏显示器上显示的图表中的行情线的数据点时，首先确定和接触中心点对应的数据点，然后通过十字线和圆形图案对数据点进行突出显示，方便用户确认已经选中了标定数据点，且标定数据点可突出显示，具有对焦效果。方便用户通过手势操作选择所需数据点，获得相应数据信息，提高用户使用体验感。

另一方面，本发明还提供了一种图表上手势中心的绘制装置，包括检测模块、处理模块和绘图控制模块；

所述检测模块，用于检测与触敏显示器的接触；

所述处理模块，用于确定所述接触的中心点的中心点坐标值；以及当所述中心点坐标值在所述触敏显示器显示的图表的坐标系范围内时，根据所述中心点坐标值确定和所述中心点对应的所述图表上显示的数据线上的数据点的数据点坐标值；

所述绘图控制模块，用于以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案。

本发明的有益效果是：当用户通过手势操作选择在触敏显示器上显示的图表中的行情线的数据点时，首先确定和接触中心点对应的数据点，然后通过十字线和圆形图案对数据点进行突出显示，方便用户确认已经选中了标定数据点，且标定数据点可突出显示，具有对焦效果。方便用户通过手势操作选择所需数据点，获得相应数据信息，提高用户使用体验感。

附图说明

图1为现有技术中通过手势操作在图表上选择数据点的效果示意图；

图2为本发明实施例中通过手势操作在图表上选择数据点的效果示意图；

图3为本发明实施例一提供的一种图表上手势中心的绘制方法的流程示意图；

图4为本发明实施例二提供的一种图表上手势中心的绘制方法的流程示意图；

图5为本发明实施例三提供的一种图表上手势中心的绘制方法的流程示意图；

图6为本发明实施例四提供的一种图表上手势中心的绘制方法的流程示意图；

图7为本发明实施例提供的一种图表上手势中心的绘制装置的框图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

图1为现有技术中通过手势操作在图表上选择数据点的效果示意图。如图1所示，只有在通过手势操作选中了数据线上的某一数据点时，才会有相应显示。需要注意的是，实际数据点并没有被放大显示，图1中为了说明情况，将选中的数据点进行了放大。由于显示的是一个数据点，而一般的移动设备客户端的显示屏幕较小，并不容易确定数据点是否被选中，也不容易看清所选中的数据点。

图2为本发明实施例中通过手势操作在图表上选择数据点的效果示意图。如图2所示，通过手势操作选中的数据线上的某一数据点将突出显示，方便用户确认并准确查看。

图3为本发明实施例一提供的一种图表上手势中心的绘制方法的流程示意图。如图3所示，该方法包括：

步骤1，检测与触敏显示器的接触。

步骤2，确定所述接触的中心点的中心点坐标值。

步骤3，当所述中心点坐标值在所述触敏显示器显示的图表的坐标系范围内时，根据所述中心点坐标值确定和所述中心点对应的所述图表上显示的数据线上的数据点的数据点坐标值。

步骤4，以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案。

具体地，当用户通过手势操作选择在触敏显示器上显示的图表中的行情线，即数据线上的数据点时，由于手指与触敏显示器的接触面积较大，首先确定接触的中心点坐标，如果接触中心点不在图表显示范围内，说明没有选择图表中任何一个数据点，客户端不做任何操作。如果接触中心点坐标在图表显示范围内，说明用户在选择某一数据点，根据接触中心点坐标确定和接触中心点对应的数据点，并突出显示选中的数据点。

优选地，在数据点附近显示数据点对应的横坐标值和纵坐标值，例如时间信息和报价信息，使用户确认不仅数据点被选中，还能准确看到数据点携带的相应信息。

在本实施例中，当用户通过手势操作选择在触敏显示器上显示的图表中的行情线的数据点时，首先确定和接触中心点对应的数据点，然后通过十字线和圆形图案对数据点进行突出显示，方便用户确认已经选中了标定数据点，且标定数据点可突出显示，具有对焦效果。方便用户通过手势操作选择所需数据点，获得相应数据信息，提高用户使用体验感。

图4为本发明实施例二提供的一种图表上手势中心的绘制方法的流程示意图。如图4所示，在上述实施例的基础上，步骤2具体包括：

步骤2.1，确定所述接触在所述触敏显示器上的所有接触点。

步骤2.2，确定所有所述接触点中最右边的接触点的横坐标值为第一横坐标值，最左边的接触点的横坐标值为第二横坐标值，最上边的接触点的纵坐标值为第一纵坐标值，最下边的接触点的纵坐标值为第二纵坐标。

步骤2.3，计算所述第一横坐标值和所述第二横坐标值的均值为所述中心点横坐标值，所述第一纵坐标值和所述第二纵坐标值的均值为所述中心点纵坐标值。

在本实施例中，由于手势操作和显示器的接触面积较大，取最大值和最小值的均值作为中心点坐标值，可以相对准确地表示接触的中心点。

图5为本发明实施例三提供的一种图表上手势中心的绘制方法的流程示意图。如图5所示，在上述实施例的基础上，所述数据点坐标值包括数据点横坐标值和数据点纵坐标值，步骤3具体包括：

步骤3.1，确定所述数据线上每两个相邻的所述数据点在所述图表的横坐标轴上的差值，计算所述中心点横坐标值和所述差值的商值。

步骤3.2，当所述商值为整数时，确定所述数据线上的序号为所述商值的所述数据点的所述数据点坐标值。

步骤3.3，当所述商值不为整数时，用进一法对所述商值取整，获得取整值，确定所述数据线上的序号为所述取整值的所述数据点的所述数据点坐标值。

具体地，由于各个显示数据点之间有一定间距，接触中心点不一定和数据点重合，如果接触中心点和显示数据点重合，以接触中心点为中心进行突出显示绘制即可。如果接触中心点和显示数据点不重合，采用进一法选择接触中心点右边的最接近的显示数据点作为突出显示图像的中心。优选地，也可以采用四舍五入法选择接触中心点左边的最接近的显示数据点作为突出显示图像的中心。

在本实施例中，由于各个显示数据点之间有一定间距，接触中心点不一定和数据点重合，采用进一法可以尽量保证所选数据点和接触点非常接近，提高选择的准确性。

图6为本发明实施例四提供的一种图表上手势中心的绘制方法的流程示意图。如图6所示，在上述实施例的基础上，步骤4具体包括：

步骤4.1，在所述图表中绘制纵坐标值为所述数据点纵坐标值的横线，横坐标值为所述数据点横坐标值的纵线。

步骤4.2，以所述数据点为中心，在所述图表中绘制半径为第一预设值的第一圆形图案，并对所述圆形图案以第一颜色进行填充。

优选地，步骤4还包括：

步骤4.3，以所述数据点为中心，在所述图表中绘制半径为第二预设值的第二圆形图案，所述第二预设值大于所述第一预设值，并对所述第一圆形图案和所述第二圆形图案之间的区域以第二颜色进行填充。

具体地，以选中数据点为中心绘制十字线，横线、纵线长度分别与图表中显示的横轴、纵轴长度相同。另外，双重圆形图案的分色显示具有对焦显示的效果，可用一深色，例如深黄色，对内圆进行填充，可用一浅色，例如浅黄色，对外圆环进行填充。

在本实施例中，十字线和圆形图案可以使数据点高亮显示，从而确认数据点被选中，而双重圆形图案还具有对焦显示的效果，使用户体验感进一步提高。

相应地，本发明实施例还提供一种图表上手势中心的绘制装置的框图。如图7所示，该装置包括检测模块、处理模块和绘图控制模块。

所述检测模块，用于检测与触敏显示器的接触。

所述处理模块，用于确定所述接触的中心点的中心点坐标值；以及当所述中心点坐标值在所述触敏显示器显示的图表的坐标系范围内时，根据所述中心点坐标值确定和所述中心点对应的所述图表上显示的数据线上的数据点的数据点坐标值。

所述绘图控制模块，用于以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案。还优选地在数据点附近绘制数据点对应的横坐标值和纵坐标值，例如时间信息和报价信息，使用户确认不仅数据点被选中，还能准确看到数据点携带的相应信息。

作为本发明的一个优选实施例，在上述实施例的基础上，所述中心点坐标值包括中心点横坐标值和中心点纵坐标值。

在本实施例中，所述处理模块，具体用于：

确定所述接触在所述触敏显示器上的所有接触点。

确定所有所述接触点中最右边的接触点的横坐标值为第一横坐标值，最左边的接触点的横坐标值为第二横坐标值，最上边的接触点的纵坐标值为第一纵坐标值，最下边的接触点的纵坐标值为第二纵坐标。

计算所述第一横坐标值和所述第二横坐标值的均值为所述中心点横坐标值，所述第一纵坐标值和所述第二纵坐标值的均值为所述中心点纵坐标值。

作为本发明的一个优选实施例，在上述实施例的基础上，所述数据点坐标值包括数据点横坐标值和数据点纵坐标值。

在本实施例中，所述处理模块，具体还用于：

确定所述数据线上每两个相邻的所述数据点在所述图表的横坐标轴上的差值，计算所述中心点横坐标值和所述差值的商值。

当所述商值为整数时，确定所述数据线上的序号为所述商值的所述数据点的所述数据点坐标值。

当所述商值不为整数时，用进一法对所述商值取整，获得取整值，确定所述数据线上的序号为所述取整值的所述数据点的所述数据点坐标值。

优选地，也可以采用四舍五入法对所述商值取整，选择接触中心点左边的最接近的显示数据点作为突出显示图像的中心。

作为本发明的一个优选实施例，在上述实施例的基础上，所述绘图控制模块，具体用于：

在所述图表中绘制纵坐标值为所述数据点纵坐标值的横线，横坐标值为所述数据点横坐标值的纵线。

以所述数据点为中心，在所述图表中绘制半径为第一预设值的第一圆形图案，并对所述圆形图案以第一颜色进行填充。

优选地，以所述数据点为中心，在所述图表中绘制半径为第二预设值的第二圆形图案，所述第二预设值大于所述第一预设值，并对所述第一圆形图案和所述第二圆形图案之间的区域以第二颜色进行填充。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (6)

1.一种图表上手势中心的绘制方法，其特征在于，所述方法包括如下步骤：

检测与触敏显示器的接触；

确定所述接触的中心点的中心点坐标值；

当所述中心点坐标值在所述触敏显示器显示的图表的坐标系范围内时，根据所述中心点坐标值确定和所述中心点对应的所述图表上显示的数据线上的数据点的数据点坐标值；

以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案；

所述中心点坐标值包括中心点横坐标值和中心点纵坐标值；

所述确定所述接触的中心点的中心点坐标值，具体包括：

确定所述接触在所述触敏显示器上的所有接触点；

确定所有所述接触点中最右边的接触点的横坐标值为第一横坐标值，最左边的接触点的横坐标值为第二横坐标值，最上边的接触点的纵坐标值为第一纵坐标值，最下边的接触点的纵坐标值为第二纵坐标；

计算所述第一横坐标值和所述第二横坐标值的均值为所述中心点横坐标值，所述第一纵坐标值和所述第二纵坐标值的均值为所述中心点纵坐标值；

所述数据点坐标值包括数据点横坐标值和数据点纵坐标值；

所述根据所述中心点坐标值确定和所述中心点对应的所述图表上显示的数据线上的数据点的数据点坐标值，具体包括：

确定所述数据线上每两个相邻的所述数据点在所述图表的横坐标轴上的差值，计算所述中心点横坐标值和所述差值的商值；

当所述商值为整数时，确定所述数据线上所述数据点的序号为所述商值所对应的所述数据点坐标值；

当所述商值不为整数时，用进一法对所述商值取整，获得取整值，确定所述数据线上所述数据点的序号为所述取整值所对应的所述数据点坐标值。

2.根据权利要求1所述的图表上手势中心的绘制方法，其特征在于，所述以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案，具体包括：

在所述图表中绘制纵坐标值为所述数据点纵坐标值的横线，横坐标值为所述数据点横坐标值的纵线；

以所述数据点为中心，在所述图表中绘制半径为第一预设值的第一圆形图案，并对所述圆形图案以第一颜色进行填充。

3.根据权利要求2所述的图表上手势中心的绘制方法，其特征在于，所述以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案，具体还包括：

以所述数据点为中心，在所述图表中绘制半径为第二预设值的第二圆形图案，所述第二预设值大于所述第一预设值，并对所述第一圆形图案和所述第二圆形图案之间的区域以第二颜色进行填充。

4.一种图表上手势中心的绘制装置，其特征在于，所述装置包括检测模块、处理模块和绘图控制模块；

所述检测模块，用于检测与触敏显示器的接触；

所述处理模块，用于确定所述接触的中心点的中心点坐标值；以及当所述中心点坐标值在所述触敏显示器显示的图表的坐标系范围内时，根据所述中心点坐标值确定和所述中心点对应的所述图表上显示的数据线上的数据点的数据点坐标值；

所述绘图控制模块，用于以所述数据点为中心，根据所述数据点坐标值绘制十字线和圆形图案；

所述中心点坐标值包括中心点横坐标值和中心点纵坐标值；

所述处理模块，具体用于：

确定所述接触在所述触敏显示器上的所有接触点；

确定所有所述接触点中最右边的接触点的横坐标值为第一横坐标值，最左边的接触点的横坐标值为第二横坐标值，最上边的接触点的纵坐标值为第一纵坐标值，最下边的接触点的纵坐标值为第二纵坐标；

计算所述第一横坐标值和所述第二横坐标值的均值为所述中心点横坐标值，所述第一纵坐标值和所述第二纵坐标值的均值为所述中心点纵坐标值；

所述数据点坐标值包括数据点横坐标值和数据点纵坐标值；

所述处理模块，具体还用于：

确定所述数据线上每两个相邻的所述数据点在所述图表的横坐标轴上的差值，计算所述中心点横坐标值和所述差值的商值；

当所述商值为整数时，确定所述数据线上所述数据点的序号为所述商值所对应的所述数据点坐标值；

当所述商值不为整数时，用进一法对所述商值取整，获得取整值，确定所述数据线上所述数据点的序号为所述取整值所对应的所述数据点坐标值。

5.根据权利要求4所述的图表上手势中心的绘制装置，其特征在于，所述绘图控制模块，具体用于：

在所述图表中绘制纵坐标值为所述数据点纵坐标值的横线，横坐标值为所述数据点横坐标值的纵线；

以所述数据点为中心，在所述图表中绘制半径为第一预设值的第一圆形图案，并对所述圆形图案以第一颜色进行填充。

6.根据权利要求5所述的图表上手势中心的绘制装置，其特征在于，所述绘图控制模块，具体还用于：

以所述数据点为中心，在所述图表中绘制半径为第二预设值的第二圆形图案，所述第二预设值大于所述第一预设值，并对所述第一圆形图案和所述第二圆形图案之间的区域以第二颜色进行填充。