数据展示方法和装置与流程

1.本发明实施例涉及互联网技术领域，尤其涉及一种数据展示方法和装置。


背景技术：

2.随着经济技术的发展，人们的金融投资意识增强，大量的散户股民进入股票金融市场以求更大的资金收益。同时，随着互联网技术的发展普及，越来越多的用户会选择通过手机、电脑等用户端在线上完成股票交易(例如买入股票、卖出股票等)。
3.相关技术中，现有的数据展示方法实现是，当用户想要查询股票的股价信息时，可以在显示界面选择相应的股票，在接收到用户在显示界面对某只股票的选择操作后，后台服务器会获取该股票在一段时间内的股价数据，并绘制成折线图来体现该只股票在一段时间内的股价走势，在显示界面上展示给用户参考，以便用户根据股价走势判断、决策。
4.但是，通常情况下用户除了需要查询股票的股价走势之外，还需要查询股票相比于昨日收盘价或今日开盘价是涨了还是跌了以及涨幅和跌幅有多大，但基于现有的数据展示方法，用户若想进一步查询股价的涨幅或跌幅还需要在显示界面上的折线图中选择相应的时间点，然后后台服务器在根据当前时间点的股价和昨日收盘价或今日开盘价来计算当前时间点对应的股价涨幅或跌幅，再将计算结果在显示界面中展示，即用户一次只能查询到一个时间点的股价涨幅或跌幅数据。不仅导致股价数据的查询效率低下，并且还不利于用户直观的了解股价数据，降低了用户体验。


技术实现要素：

5.本发明实施例提供一种数据展示方法和装置，以克服现有技术中股价数据的查询效率低下，并且还不利于用户直观的了解股价数据，降低了用户体验的技术问题。
6.第一方面，本发明实施例提供一种数据展示方法，包括：
7.接收用户在操作终端输入的目标股票的展示时间区间；
8.根据所述时间区间，确定分析周期和基准股价；
9.根据所述分析周期，确定所述时间区间内的每个目标时间；
10.在数据库中提取所述目标股票在所述时间区间内的每个目标时间对应的股价值；
11.将所述目标股票在所述时间区间内的每个目标时间作为横坐标，将每个目标时间对应的股价值相对于所述基准股价的涨跌幅作为纵坐标，生成面积图；
12.将所述面积图发送至显示屏幕进行展示。
13.可选的，所述将所述目标股票在所述时间区间内的每个目标时间作为横坐标，将每个目标时间对应的股价值相对于所述基准股价的涨跌幅作为纵坐标，生成面积图，包括：
14.以时间为横坐标轴、股价值为左纵坐标轴、涨跌幅为右纵坐标轴建立坐标系；
15.根据所述目标股票在所述时间区间内的每个目标时间对应的股价值，确定目标坐标，所述目标坐标的横坐标为目标时间，纵坐标为目标时间对应的股价值或者为目标时间对应的股价值相对于所述基准股价的涨跌幅，所述涨跌幅为所述目标之间对应的股价值和
所述基准股价的差值与所述基准股价的比值；
16.在预先建立的组件库中调用echart组件，以使所述echart组件根据每个目标坐标的横坐标和纵坐标，在所述坐标系中标记每个目标坐标对应的坐标点，并依次连接每个目标坐标对应的坐标点形成曲线，得到所述目标股票对应的面积图。
17.可选的：将在所述横坐标轴上方的曲线与所述横坐标轴围成的区域渲染成第一颜色，将在所述横坐标轴下方的曲线围成的区域渲染成第二颜色。
18.可选的，所述方法还包括：
19.实时检测鼠标光标在所述显示屏幕上的位置；
20.当检测到所述光标的位置在所述面积图覆盖范围内时，获取所述光标所在位置对应的待显示内容，所述待显示内容包括以下任意一项或多项：所述光标所在位置对应的时间，所述时间对应的股价值、成交量、成交均价和涨跌幅，所述时间所在分析周期内的开盘价、最高股价、最低股价和收盘价；
21.将所述待显示内容显示于悬浮窗口中。
22.可选的，所述方法还包括：
23.获取所述面积图中的曲线的最高点坐标和最低点坐标；
24.根据所述最高点坐标确定第一标记偏移位置坐标，在所述第一标记偏移位置坐标指示的位置处标记所述最高点对应的股价值；以及，根据所述最低点坐标确定第二标记偏移位置坐标，在所述第二标记偏移位置坐标指示的位置处标记所述最低点对应的股价值。
25.可选的，所述接收用户在操作终端输入的目标股票的展示时间区间之前，所述方法还包括：
26.响应于对目标股票的选择操作，获取所述目标股票的股价信息，所述股价信息包括所述目标股票在每个时刻的股价值；
27.将所述股价信息存储在所述数据库中。
28.可选的，所述根据所述时间区间，确定基准股价，包括：
29.若所述时间区间为分时区间，则将所述目标股票的昨日收盘价作为基准股价；
30.若所述时间区间不是所述分时区间，则将所述目标股票在所述时间区间的开始时间的开盘价作为基准股价。
31.可选的，所述根据所述分析周期，确定所述时间区间内的每个目标时间，包括：
32.若所述分析周期为一分钟，则所述时间区间内的每分钟为一个目标时间；
33.若所述分析周期不是一分钟，则将每个分析周期的开始时间和结束时间作为目标时间，或者，将每个分析周期内的开始时间、结束时间、最高股价值对应的时间以及最低股价值对应的时间作为目标时间。
34.可选的，所述在数据库中提取所述目标股票在所述时间区间内的每个目标时间对应的股价值，包括：
35.在所述数据库中获取所述时间区间内每个分析周期的k线数据，所述k线数据包括分析周期内的开始时间对应的股价值、结束时间对应的股价值、最高股价值和最低股价值。
36.第二方面，本发明实施例提供一种数据展示装置，包括：
37.接收模块，用于接收用户在操作终端输入的目标股票的展示时间区间；
38.确定模块，用于根据所述时间区间，确定分析周期和基准股价；
39.所述确定模块还用于根据所述分析周期，确定所述时间区间内的每个目标时间；
40.提取模块，用于在数据库中提取所述目标股票在所述时间区间内的每个目标时间对应的股价值；
41.生成模块，用于将所述目标股票在所述时间区间内的每个目标时间作为横坐标，将每个目标时间对应的股价值相对于所述基准股价的涨跌幅作为纵坐标，生成面积图；
42.发送模块，用于将所述面积图发送至显示屏幕进行展示。
43.可选的，所述生成模块包括：
44.建立单元，用于以时间为横坐标轴、股价值为左纵坐标轴、涨跌幅为右纵坐标轴建立坐标系；
45.处理单元，用于根据所述目标股票在所述时间区间内的每个目标时间对应的股价值，确定目标坐标，所述目标坐标的横坐标为目标时间，纵坐标为目标时间对应的股价值与所述基准股价的差值或者为目标时间对应的股价值相对于所述基准股价的涨跌幅，所述涨跌幅为所述目标之间对应的股价值和所述基准股价的差值与所述基准股价的比值；
46.绘图单元，用于调用echart组件，根据每个目标坐标的横坐标和纵坐标，在所述坐标系中标记每个目标坐标对应的坐标点，并依次连接每个目标坐标对应的坐标点形成曲线，得到所述目标股票对应的面积图。
47.第三方面，本发明实施例提供一种计算机设备，包括：至少一个处理器和存储器；
48.所述存储器存储计算机执行指令；
49.所述至少一个处理器执行所述存储器存储的计算机执行指令，使得所述至少一个处理器执行如上第一方面以及第一方面各种可能的设计所述的数据展示方法。
50.第四方面，本发明实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如上第一方面以及第一方面各种可能的设计所述的数据展示方法。
51.第五方面，本发明实施例提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的数据展示方法。
52.本发明实施例提供的数据展示方法和装置，该方法中用户可以在操作终端输入目标股票的展示时间区间，然后根据用户输入的时间区间确定分析周期和基准股价，再根据分析周期确定所述时间区间内的每个目标时间，从而可以在数据库中获取目标股票在时间区间内的每个目标时间对应的股价值，根据每个目标时间对应的股价值和基准股价便可以确定每个目标时间对应的股价值相对于基准股价的涨跌幅，进而以时间为横坐标，以涨跌幅为纵坐标绘制生成目标股票的面积图，并将面积图发送至显示屏幕进行显示。因此，用户通过面积图不仅可以直观的了解到目标股票的股价走势，还可以非常明显的看出目标股票在时间区间内各个时间点的股价和基准股价相比是涨了还是跌了，以及涨跌幅度多大，提高了股价数据的查询效率，使得用户更加直观的了解股价数据，提升了用户体验。
附图说明
53.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发
明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
54.图1为本发明一实施例提供的数据展示方法的应用场景图；
55.图2为本发明一实施例提供的数据展示方法的流程示意图；
56.图3为本发明另一实施例提供的数据展示方法的流程示意图；
57.图4为本发明另一实施例提供的数据展示方法的应用场景图；
58.图5a为本发明一实施例提供的目标股票时间区间内的面积图；
59.图5b为本发明另一实施例提供的目标股票时间区间内的面积图；
60.图5c为本发明另一实施例提供的目标股票时间区间内的面积图；
61.图5d为本发明另一实施例提供的目标股票时间区间内的面积图；
62.图6a为本发明另一实施例提供的目标股票时间区间内的面积图；
63.图6b为本发明另一实施例提供的目标股票时间区间内的面积图；
64.图7为本发明另一实施例提供的目标股票时间区间内的面积图；
65.图8为本发明另一实施例提供的目标股票时间区间内的面积图；
66.图9为本发明一实施例提供的数据展示装置的结构示意图；
67.图10为本发明一实施例提供的数据展示装置中生成模块的结构示意图；
68.图11为本发明实施例提供的计算机设备的硬件结构示意图。
具体实施方式
69.为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
70.随着经济技术的发展，人们的金融投资意识增强，大量的散户股民进入股票金融市场以求更大的资金收益。同时，随着互联网技术的发展普及，越来越多的用户会选择通过手机、电脑等用户端在线上完成股票交易(例如买入股票、卖出股票等)。
71.相关技术中，现有的数据展示方法实现是，当用户想要查询股票的股价信息时，可以在显示界面选择相应的股票，在接收到用户在显示界面对某只股票的选择操作后，后台服务器会获取该股票在一段时间内的股价数据，并绘制成折线图来体现该只股票在一段时间内的股价走势，在显示界面上展示给用户参考，以便用户根据股价走势判断、决策。
72.但是，通常情况下用户除了需要查询股票的股价走势之外，还需要查询股票相比于昨日收盘价或今日开盘价是涨了还是跌了以及涨幅和跌幅有多大，但基于现有的数据展示方法，用户若想进一步查询股价的涨幅或跌幅还需要在显示界面上的折线图中选择相应的时间点，然后后台服务器在根据当前时间点的股价和昨日收盘价或今日开盘价来计算当前时间点对应的股价涨幅或跌幅，再将计算结果在显示界面中展示，即用户一次只能查询到一个时间点的股价涨幅或跌幅数据。不仅导致股价数据的查询效率低下，并且还不利于用户直观的了解股价数据，降低了用户体验。
73.针对此缺陷，本技术提供的技术构思为：用户在操作终端输入目标股票的展示时间区间，然后根据用户输入的时间区间确定分析周期和基准股价，再根据分析周期确定所
述时间区间内的每个目标时间，从而可以在数据库中获取目标股票在时间区间内的每个目标时间对应的股价值，根据每个目标时间对应的股价值和基准股价便可以确定每个目标时间对应的股价值相对于基准股价的涨跌幅，进而以时间为横坐标，以涨跌幅为纵坐标绘制生成目标股票的面积图，并将面积图发送至显示屏幕进行显示。因此，用户通过面积图不仅可以直观的了解到目标股票的股价走势，还可以非常明显的看出目标股票在时间区间内各个时间点的股价和基准股价相比是涨了还是跌了，以及涨跌幅度多大，提高了股价数据的查询效率，使得用户更加直观的了解股价数据，提升了用户体验。
74.图1为本发明一实施例提供的数据展示方法的应用场景图。
75.如图1所示，本实施例提供的应用场景的基本架构主要包括操作终端101、金融机构的数据中心102和服务器103；其中，金融机构的数据中心存储有各个类型的股票从上市至今的股价数据，比如交易价格、成交量等。用户可以通过操作终端选择需要获取的目标股票，然后由服务器向数据中心发送数据获取请求，以在数据中心获取目标股票的股价数据，服务器对获取到的交易数据进行处理，并将处理后的结果发送至操作终端的显示屏幕进行展示。
76.图2为本发明一实施例提供的数据展示方法的流程示意图，本实施例提供的方法的执行主体可以是图1所示实施例中的服务器。
77.如图2所示，本实施例提供的方法可以包括以下步骤。
78.s201，接收用户在操作终端输入的目标股票的展示时间区间。
79.具体的，用户想要查询哪种类型股票的信息则可以通过操作终端在屏幕上输入目标股票的名称或者股票代码，然后进入目标股票的展示界面，如图4中的a所示，用户可以展示界面的时间区间选择窗口选择想要展示的时间区间，比如，选择分时区间、5日、1月等区间。
80.需要说明的是，用户选择了时间区间之后，便展示该时间区间内目标股票的股价数据，比如，若时间区间选择分时，则只展示最近预设数量个小时的股价数据，比如，最近三个小时的股价数据、最近五个小时的股价数据等；若时间区间选择为5日，则展示最近5日的股价数据。
81.s202，根据所述时间区间，确定分析周期和基准股价。
82.其中，时间区间可以但不限于包括：分时、5日、1月、6月、年初至今、1年、5年以及最大等选项。
83.具体的，若选择的时间区间为分时，则分析周期为1分钟；若所述时间区间为5天，则分析周期为15分钟；若所述时间区间为1个月，则分析周期为30分钟；若所述时间区间为6个月或年初至今，则分析周期为一天；若所述时间区间为1年，则分析周期为一星期；若所述时间区间为5年，则分析周期为一个月，其中的最大区间即股票从上市至今的时间区间，若上市时间小于或等于6个月，则分析周期为一天；若上市时间大于6个月小于或等于1年，则分析周期为一星期；若上市时间大于或等于3年，则分析周期为1个月。
84.并且，选择的时间区间不同，基准股价也不同，若选择的时间区间为分时区间，则将所述目标股票的昨日收盘价(简称为昨收价)作为基准股价；若选择的时间区间为除了上述分时区间之外的其他区间，则将所述目标股票在所述时间区间的开始时间的开盘价作为基准股价。
85.s203，根据所述分析周期，确定所述时间区间内的每个目标时间。
86.具体的，若确定的分析周期为1分钟，则时间区间内的每分钟均为一个目标时间，即需要分析目标股票在每分钟的股价。若所述分析周期为15分钟、30分钟、一天、一星期或一个月，则每隔一个分析周期选择一个目标时间，比如，分析周期为15分钟，时间区间的开始时间为10：00，则10：00作为起始的目标时间，10：15为一个目标时间，10：30为一个目标时间，10：45为一个目标时间等，每隔15分钟为一个目标时间。
87.在一种可能的实施例中，若所述分析周期为15分钟、30分钟、一天、一星期或一个月，则除了每隔一个分析周期选择一个目标时间，同时，还可以将每个分析周期内的最高股价值对应的时间以及最低股价值对应的时间也都作为目标时间。比如，分析周期为15分钟，时间区间的开始时间为10：00，则10：00作为起始的目标时间，10：15为一个目标时间，在10：00～10：15这15分钟内，将这15分钟内最高股价值对应的时间和最低股价值对应的时间也都作为目标时间，比如，10：05对应的股价是15分钟内的最高股价值，10：12对应的股价是15分钟内的最低股价，则10：05和10：12也为目标时间。
88.s204，在数据库中提取所述目标股票在所述时间区间内的每个目标时间对应的股价值。
89.具体的，如图4所示，当用户在操作界面输入了目标股票的展示时间区间后，后台服务器生成数据获取请求，向金融机构的数据中心请求目标股票在该时间区间内的股价数据，比如，目标股票在每分钟的股价值、成交量、成交总额、昨收价等数据，然后将获取到的股价数据存储到本地数据库中，当后台服务器根据时间区间确定了目标时间后，在数据库中获取每个目标时间对应的股价值。通过预先将股价数据存储到数据库中，便于在后面步骤中快速获取到相应的数据，提高数据获取效率，进而提高了整体的效率。
90.s205，将所述目标股票在所述时间区间内的每个目标时间作为横坐标，将每个目标时间对应的股价值相对于所述基准股价的涨跌幅作为纵坐标，生成面积图。
91.s206，将所述面积图发送至显示屏幕进行展示。
92.具体的，得到目标股票在时间区间内的每个目标时间对应的股价值后，确定每个目标时间对应的股价值相对于基准股价的涨跌幅，该涨跌幅可以用股价值与基准股价的差值来表示，也可以用股价值和基准股价的差值与基准股价的百分比来表示，然后以时间为横坐标、以涨跌幅为纵坐标绘制生成面积图。
93.示例性的，时间区间为分时区间，获取到目标股票的昨收价为53.69，以及获取到目标股票在最近几个小时内每分钟对应的股价值后，计算每分钟的股价值与基准股价的差值，得到每分钟对应的涨跌幅，以时间为横轴、涨跌幅为纵轴绘制生成的面积图，并发送至显示屏幕显示，如图4中的b所示，从展示的面积图中可以更加明确的看出目标股票从9：30到当前时间(15：00)的股价走势，以及股价相对于昨收价53.9是涨了还是跌了以及涨跌幅度有多大。
94.本实施例中，用户在操作终端输入目标股票的展示时间区间，然后根据用户输入的时间区间确定分析周期和基准股价，再根据分析周期确定所述时间区间内的每个目标时间，从而可以在数据库中获取目标股票在时间区间内的每个目标时间对应的股价值，根据每个目标时间对应的股价值和基准股价便可以确定每个目标时间对应的股价值相对于基准股价的涨跌幅，进而以时间为横坐标，以涨跌幅为纵坐标绘制生成目标股票的面积图，并
将面积图发送至显示屏幕进行显示。因此，用户通过面积图不仅可以直观的了解到目标股票的股价走势，还可以非常明显的看出目标股票在时间区间内各个时间点的股价和基准股价相比是涨了还是跌了，以及涨跌幅度多大，提高了股价数据的查询效率，使得用户更加直观的了解股价数据，提升了用户体验。
95.图3为本发明另一实施例提供的数据展示方法的流程示意图，本实施例在图2所示实施例的基础上，对面积图的生成方法进一步详细描述。
96.如图3所示，本实施例提供的方法可以包括以下步骤。
97.s301，以时间为横坐标轴、股价值为左纵坐标轴、涨跌幅为右纵坐标轴建立坐标系。
98.具体的，首先确定横坐标轴、左纵坐标轴和右纵坐标轴的建立数据，包括横坐标轴的起点和终点、纵坐标轴的起点和终点以及坐标轴上的标记数据。以时间为横坐标轴，横坐标轴的起点为选择的时间区间的开始时间，横坐标轴的终点为选择的时间区间的结束时间，并且，在横坐标轴上至少标记开始、结束和正中间三个时间点。纵坐标轴可以为两个，分别为标记股价值的左纵坐标轴和标记涨跌幅度百分比的右纵坐标轴，其中，对于左纵坐标轴来说，起点为基准股价，向上为大于基准股价的部分，向下为小于基准股价的部分。对于右纵坐标轴来说，起点标记为0.00％(即股价值和基准股价的差值与基准股价的百分比等于0对应的位置)，向上为股价值相比于基准股价的增长百分比大于0的部分，向下为百分比小于0的部分。其中，左纵坐标轴的起点和右纵坐标轴的起点在同个水平线上。确定了横坐标轴和纵坐标轴的数据后，将这些数据传入echart组件中，echart组件根据建立数据自动建立坐标系。
99.示例性的，假设选择的目标股票的时间区间为分时(比如9：30～15：00)，昨收价为4.54，则横坐标轴的起点为9：30、终点为15：00，左纵坐标轴的起点为4.54，将这些数据传入echart组件中，echart组件建立的坐标系如图5a所示。
100.s302，根据所述目标股票在所述时间区间内的每个目标时间对应的股价值，确定目标坐标点，所述目标坐标点的横坐标为目标时间，纵坐标为目标时间对应的股价值或者为目标时间对应的股价值相对于所述基准股价的涨跌幅，所述涨跌幅为所述目标之间对应的股价值和所述基准股价的差值与所述基准股价的比值。
101.具体的，在确定了目标股票在时间区间的每个目标时间对应的股价值之后，便可以确定绘制面积图的目标坐标点了，由于建立的坐标系中包含左纵坐标轴和右纵坐标轴这两个纵坐标轴，且左纵坐标轴表示的是股价值，右纵坐标轴表示的是股价值相对于基准股价的增长百分比，因此目标坐标点有两种表示方式，一种是(目标时间，股价值)，即横坐标为目标时间，纵坐标为目标时间对应的股价值与基准股价的差值；另一种坐标表示方式则为(目标时间，)，即目标坐标点的横坐标为时间，纵坐标则为目标时间对应的股价值和基准股价的差值与基准股价的百分比。
102.s303，调用echart组件，根据每个目标坐标点的横坐标和纵坐标，在所述坐标系中标记每个目标坐标对应的坐标点，并依次连接每个目标坐标对应的坐标点形成曲线，得到所述目标股票对应的面积图。
103.具体的，将目标股票在时间区间内的每个目标坐标点的横纵坐标传入echart组件
中，echart组件在坐标系中将这些目标坐标点标记出来，然后依次连接每个坐标点形成曲线(或折线)。
104.示例性的，假设选择的目标股票的时间区间为分时(比如9：30～15：00)，昨收价为4.54，则横坐标轴的起点为9：30、终点为15：00，左纵坐标轴的起点为4.54，建立的坐标系如图5a所示。对于分时区间来说，目标时间为时间区间内的每分钟，即在数据库中获取目标股票在9：30～15：00这段时间内每分钟对应的股价值，比如，目标股票在9：30时的股价值为4.44，9：31时的股价值为4.45，9：32时的股价值为4.46，9.33时的股价值为4.40，9：34时的股价值为4.38等等，则确定的这几个目标坐标点的坐标分别为(9：00，4.44)、(9：01，4.45)、(9：02，4.46)、(9.03，4.40)和(9：04，4.38)；或者，将这几个坐标点表示成另一种百分比的形式，分别为(9：00，-2.20％)、(9：01，-1.98％)、(9：02，-1.76％)、(9.03，-3.08％)和(9：04，-3.52％)，类似的将所有目标坐标点的坐标计算出来，再将目标坐标点的坐标传入echart组件中，echart组件在坐标系中将这些目标坐标点标记出来，如图5b所示，然后依次将这些坐标点连接形成线，连接之后的图形如图5c所示。
105.需要说明的是，上述示例中为了便于描述，仅仅列举了几个坐标点的例子，在具体实施时，将时间区间内的所有坐标点均标记出来，依次连接便可以绘制形成目标股票在时间区间内完整的面积图，完整的面积图如图5d所示。
106.在另一种可能的实施例中，若选择的目标股票的展示时间区间不是分时区间，是除了分时区间之外的其他区间，则在绘制面积图时有两种可行的方法，下面将对这两种方法进行描述。
107.第一种是在时间区间内每隔一个分析周期取一个目标时间，假设选择的时间区间为5日，获取到目标股票在这5日的开始时间对应的股价(即这5日的开盘价)为4.32，则将4.32作为基准股价。并且，确定分析周期为15分钟，时间区间的开始时间为2020年11月30日09：35，则2020年11月30日9：35作为起始的目标时间，2020年11月30日9：50为下一个目标时间，2020年11月30日10：05为再下一个目标时间、2020年11月30日10：20为再下一个目标时间等每隔15分钟取一个目标时间。然后再数据库中获取每个目标时间对应的股价值，比如，11月30日9：35时的股价值即为开盘价(也是基准股价4.32)，11月30日9：50时的股价值为4.40，相比于基准股价的增长百分比为1.85％，2020年11月30日10：05对应的股价值为4.32，相比于基准股价的增长百分比为0，2020年11月30日10：20对应的股价值为4.24，相比于基准股价的增长百分比为-1.85％，依次将时间区间内的每个目标时间对应的股价值相对于基准股价的增长百分比计算出来，得到每个目标坐标点的坐标，将坐标传入echart组件中，echart组件在坐标系中标记出各个目标坐标点，如图6a所示，然后依次将每个坐标点连接起来形成折线。
108.第二种是除了每隔一个分析周期选择一个目标时间，还将每个分析周期内的最高股价值对应的时间以及最低股价值对应的时间也都作为目标时间。比如，时间区间的开始时间为2020年11月30日09：35，则2020年11月30日9：35作为起始的目标时间，2020年11月30日9：50为下一个目标时间，在2020年11月30日9：35～9：50这15分钟内，将这15分钟内最高股价值对应的时间和最低股价值对应的时间也都作为目标时间，比如，09：35对应的股价值为4.32(基准股价)，9：40对应的股价是15分钟内的最高股价值为4.45，相对于基准股价的增长百分比为3.01％，9：45对应的股价是15分钟内的最低股价为4.35，相对于基准股价的
增长百分比为0.69％，这15分钟的分析周期的结束时间9：50对应的股价值为4.40，相比于基准股价的增长百分比为1.85％。然后再将2020年11月30日10：05作为目标时间，9：50～10：05这15分钟内的最高股价值和最低股价值分别对应的时间作为目标，确定目标坐标点；同理，每个分析周期15分钟内的最高股价值和最低股价值对应的坐标点走作为目标坐标点。得到每个目标坐标点的坐标，将坐标传入echart组件中，echart组件在坐标系中标记出各个目标坐标点，如图6b所示。本实施例中，确定的坐标点不仅包括分析周期对应的坐标点，还包括每个分析周期内最高股价值对应的坐标点和最低股价值对应的坐标点，从而使得生成的面积图更加准确。
109.在一种可能的实施例中，分析周期内的最高股价值和最低股价值可以直接在数据库中获取相应时间段内每个时刻对应的股价值，然后将分析周期内的所有股价值进行对比，则到最高股价值、最高股价值对应的时间以及最低股价值和最低股价值对应的时间。
110.在另一种可能的实施例中，为了提升面积图的生成效率，还可以获取目标股票在时间区间内每个分析周期的k线数据，k线数据是预先根据目标股票的股价数据生成并存储在数据库中的。其中，所述k线数据包括分析周期内的开始时间对应的股价值、结束时间对应的股价值、最高股价值和最低股价值。当用户在展示屏幕上选择了时间区间后，后台服务器直接在数据库中获取目标股票在时间区间内分析周期的k线数据，便可以直接得到目标股票在每个分析周期内的开始股价值、最高股价值、最低股价值和结束股价值，不需要再对每个分析周期内每分钟对应的股价值进行比较。比如，时间区间为5日，则获取目标股票在这5日内的15分钟k线数据(分析周期为15分钟)；若时间区间为1月，则获取目标股票在1月内的30分钟k线数据(分析周期为30分钟)；若时间区间为6个月或年初至今，则获取目标股票在6个月内的日k线数据(分析周期为1日)；若时间区间为1年，则获取目标股票在1年内的周k线数据(分析周期为一星期)；若时间区间为5年，则获取目标股票在5年内的月k线数据(分析周期为1个月)。
111.需要说明的是，若用户选择的目标股票的上市时间不足选择的时间区间，则展示的时间区间为目标股票的上市时间。比如，目标股票的上市时间为1年，而用户选择的时间区间为5年，则确定最终的展示时间区间为1年。
112.在一种或多种可能的实施例中，所述方法还包括：将在所述横坐标轴上方的曲线与所述横坐标轴围成的区域渲染成第一颜色，将在所述横坐标轴下方的曲线围成的区域渲染成第二颜色。
113.示例性的，如图5d所示，将横轴上方的曲线和横轴围成的区域渲染成第一颜色，比如橙色；将横轴下方和横轴围成的区域渲染成第二颜色，比如绿色。
114.在一种或多种可能的实施例中，所述方法还包括：实时检测鼠标光标在所述显示屏幕上的位置；当检测到所述光标的位置在所述面积图覆盖范围内时，获取所述光标所在位置对应的待显示内容，所述待显示内容包括以下任意一项或多项：所述光标所在位置对应的时间，所述时间对应的股价值、成交量、成交均价和涨跌幅，所述时间所在分析周期内的开盘价、最高股价、最低股价和收盘价；将所述待显示内容显示于悬浮窗口中。
115.具体的，实时检测鼠标光标的位置，判断鼠标光标所在位置是否落入面积图覆盖区域内，比如，可以检测鼠标光标相对于显示屏幕的坐标，根据光标的坐标判断光标是否落入面积图覆盖区域内。当光标落入面积图覆盖区域内时，根据光标的坐标判断当前位置对
应的时间，然后在数据库中获取该时间对应的股价值、成交量、成交均价和涨跌幅，以及时间所在分析周期内的开盘价、最高股价、最低股价和收盘价；其中，均价为一段时间内的总成交额与该段时间内的总成交量的比值。将需要浮窗展示的信息传入到echart组件中，echart组件将光标当前位置对应的信息显示在浮窗中。
116.进一步的，对于不同的时间区间，待显示内容是不同的，若时间区间为分时区间，则待显示内容包括光标当前位置对应的时间、该时间对应的股价值、目标股票从该时间所在的当前开始到该时间这段期间的均价和成交量、以及该时间对应的股价值相对于基准股价(昨收价)的涨跌幅。比如，目标股票的时间区间为分时，光标当前所在位置对应的时间为11：02，然后根据该位置在数据库中获取该时间对应的股价值为4.37，该股价值相比于基准股价4.54的涨跌幅为-3.74％，均价为4.40，成交量为477.00，将这些信息传入到echart组件中，echart组件将这些信息显示在浮窗中，如图7所示。若选择的时间区间为分时之外的其他区间，则待显示内容包括光标当前位置对应的时间，该时间所在分析周期内的开盘价(即分析周期的开始时间对应的股价值)、最高股价值、最低股价值和收盘价(即分析周期的结束时间对应的股价值)、以及分析周期内的成交量、该时间对应的股价值相对于基准股价(时间区间的开始时对应的股价值)的涨跌幅。比如，目标股票的时间区间为5日，光标当前所在位置对应的时间为2020年12月2日14：35，然后根据该位置在数据库中获取该时间所在分析周期内的开盘价为4.4、最高价为4.41、最低价为4.39、收盘价为4.4以及成交量为5225.00，该时间对应的股价值相比于基准股价4.32的涨跌幅为1.85％，将这些信息传入到echart组件中，echart组件将这些信息显示在浮窗中，如图8所示。
117.在一种或多种可能的实施例中，所述方法还包括：获取所述面积图中的曲线的最高点坐标和最低点坐标；根据所述最高点坐标确定第一标记偏移位置坐标，在所述第一标记偏移位置坐标指示的位置处标记所述最高点对应的股价值；以及，根据所述最低点坐标确定第二标记偏移位置坐标，在所述第二标记偏移位置坐标指示的位置处标记所述最低点对应的股价值。
118.具体的，获取目标股票在展示时间区间内的面积图中的曲线的最高点坐标(包括对应的时间以及相应的最高股价值)和最低点坐标(包括对应的时间以及相应的最低股价值)，然后分别在最高点和最低点的旁边标记出最高股价值和最低股价值，即，根据最高点和最低点的坐标设定标记的偏移位置坐标，将偏移位置坐标以及相应的股价值传入echart组件中，echart组件在面积图中相应的位置处标记出最高股价值和最低股价值。并且，将标记渲染成与对应区域相同的颜色。
119.示例性的，如图8所示，目标股票在5日的面积图中，最低点对应的股价为4.16，则将其标记在最低点坐标旁边，并且，由于对应的区域在横轴下方，该区域渲染成第二颜色，则最低点的标记也渲染成第二颜色。
120.在一种或多种可能的实施例中，所述方法还包括：将目标股票在选择时间区间内的基准股价和当前最新的股价值也标记在面积图中。标记方法和最高点、最低点的标记方法类似，此处不再重复说明。
121.示例性的，目标股票在分时区间内的基准股价为4.54，当前最新股价为4.40，则将基准股价和最新股价都标记在面积图中，如图7所示。再比如，目标股票在5日区间内的基准股价为4.32，当前最新股价为4.40，则将基准股价和最新股价标记在面积图中，如图8所示。
122.本实施例中，通过在面积图中标记最高点股价、最低点股价、基准股价和当前最新股价，使得用户可以更加直观明确的看到目标股票在时间区间内的涨跌幅度信息。
123.图9为本发明一实施例提供的数据展示装置的结构示意图。
124.如图9所示，本实施例提供的装置包括：接收模块901，确定模块902，提取模块903，生成模块904和发送模块905；其中，接收模块901，用于接收用户在操作终端输入的目标股票的展示时间区间；确定模块902，用于根据所述时间区间，确定分析周期和基准股价；所述确定模块还用于根据所述分析周期，确定所述时间区间内的每个目标时间；提取模块903，用于在数据库中提取所述目标股票在所述时间区间内的每个目标时间对应的股价值；生成模块904，用于将所述目标股票在所述时间区间内的每个目标时间作为横坐标，将每个目标时间对应的股价值相对于所述基准股价的涨跌幅作为纵坐标，生成面积图；发送模块905，用于将所述面积图发送至显示屏幕进行展示。
125.进一步的，如图10所示，所述生成模块904包括：建立单元9041，用于以时间为横坐标轴、股价值为左纵坐标轴、涨跌幅为右纵坐标轴建立坐标系；处理单元9042，用于根据所述目标股票在所述时间区间内的每个目标时间对应的股价值，确定目标坐标，所述目标坐标的横坐标为目标时间，纵坐标为目标时间对应的股价值与所述基准股价的差值或者为目标时间对应的股价值相对于所述基准股价的涨跌幅，所述涨跌幅为所述目标之间对应的股价值和所述基准股价的差值与所述基准股价的比值；绘图单元9043，用于在预先建立的组件库中调用echart组件，以使所述echart组件根据每个目标坐标的横坐标和纵坐标，在所述坐标系中标记每个目标坐标对应的坐标点，并依次连接每个目标坐标对应的坐标点形成曲线，得到所述目标股票对应的面积图。
126.进一步的，所述装置还包括：渲染模块906，用于将在所述横坐标轴上方的曲线与所述横坐标轴围成的区域渲染成第一颜色，将在所述横坐标轴下方的曲线围成的区域渲染成第二颜色。
127.进一步的，所述装置还包括：
128.检测模块907，用于实时检测鼠标光标在所述显示屏幕上的位置；
129.所述提取模块还用于：当检测到所述光标的位置在所述面积图覆盖范围内时，获取所述光标所在位置对应的待显示内容，所述待显示内容包括以下任意一项或多项：所述光标所在位置对应的时间，所述时间对应的股价值、成交量、成交均价和涨跌幅，所述时间所在分析周期内的开盘价、最高股价、最低股价和收盘价；
130.所述发送模块还用于：将所述待显示内容显示于悬浮窗口中。
131.进一步的，所述提取模块还用于：获取所述面积图中的曲线的最高点坐标和最低点坐标；
132.所述生成模块还用于：根据所述最高点坐标确定第一标记偏移位置坐标，在所述第一标记偏移位置坐标指示的位置处标记所述最高点对应的股价值；以及，根据所述最低点坐标确定第二标记偏移位置坐标，在所述第二标记偏移位置坐标指示的位置处标记所述最低点对应的股价值。
133.进一步的，所述提取模块还用于：响应于对目标股票的选择操作，获取所述目标股票的股价信息，所述股价信息包括所述目标股票在每个时刻的股价值；将所述股价信息存储在所述数据库中。
134.进一步的，所述确定模块具体用于：若所述时间区间为分时区间，则分析周期为一分钟；若所述时间区间为5天，则分析周期为15分钟；若所述时间区间为1个月，则分析周期为30分钟；若所述时间区间为6个月，则分析周期为一天；若所述时间区间为1年，则分析周期为一星期；若所述时间区间为5年，则分析周期为一个月。
135.进一步的，所述确定模块具体用于：若所述时间区间为分时区间，则将所述目标股票的昨日收盘价作为基准股价；若所述时间区间为5天、1个月、6个月、1年或5年，则将所述目标股票在所述时间区间的开始时间的开盘价作为基准股价。
136.进一步的，所述确定模块具体用于：若所述分析周期为一分钟，则所述时间区间内的每分钟为一个目标时间；若所述分析周期为15分钟、30分钟、一天、一星期或一个月，则将每个分析周期的开始时间和结束时间作为目标时间，或者，将每个分析周期内的开始时间、结束时间、最高股价值对应的时间以及最低股价值对应的时间作为目标时间。
137.进一步的，所述提取模块具体用于：在所述数据库中获取所述时间区间内每个分析周期的k线数据，所述k线数据包括分析周期内的开始时间对应的股价值、结束时间对应的股价值、最高股价值和最低股价值。
138.本实施例提供的装置，可用于执行上述方法实施例的技术方案，其实现原理和技术效果类似，本实施例此处不再赘述。
139.图11为本发明实施例提供的计算机设备的硬件结构示意图。如图11所示，本实施例的计算机设备110包括：处理器1101以及存储器1102；其中
140.存储器1102，用于存储计算机执行指令；
141.处理器1101，用于执行存储器存储的计算机执行指令，以实现上述实施例中方法所执行的各个步骤。具体可以参见前述方法实施例中的相关描述。
142.可选地，存储器1102既可以是独立的，也可以跟处理器1101集成在一起。
143.当存储器1102独立设置时，该电子设备还包括总线1103，用于连接所述存储器1102和处理器1101。
144.本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如上所述的数据展示方法。
145.本发明实施例还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上所述的数据展示方法。
146.在本发明所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。例如，以上所描述的设备实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。
147.所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案。
148.另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个单元中。上述模块成的
单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
149.上述以软件功能模块的形式实现的集成的模块，可以存储在一个计算机可读取存储介质中。上述软件功能模块存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行本技术各个实施例所述方法的部分步骤。
150.应理解，上述处理器可以是中央处理单元(central processing unit，简称cpu)，还可以是其他通用处理器、数字信号处理器(digital signal processor，简称dsp)、专用集成电路(application specific integrated circuit，简称asic)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合发明所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。
151.存储器可能包含高速ram存储器，也可能还包括非易失性存储nvm，例如至少一个磁盘存储器，还可以为u盘、移动硬盘、只读存储器、磁盘或光盘等。
152.总线可以是工业标准体系结构(industry standard architecture，简称isa)总线、外部设备互连(peripheral component interconnect，简称pci)总线或扩展工业标准体系结构(extended industry standard architecture，简称eisa)总线等。总线可以分为地址总线、数据总线、控制总线等。为便于表示，本技术附图中的总线并不限定仅有一根总线或一种类型的总线。
153.上述存储介质可以是由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。存储介质可以是通用或专用计算机能够存取的任何可用介质。
154.一种示例性的存储介质耦合至处理器，从而使处理器能够从该存储介质读取信息，且可向该存储介质写入信息。当然，存储介质也可以是处理器的组成部分。处理器和存储介质可以位于专用集成电路(application specific integrated circuits，简称asic)中。当然，处理器和存储介质也可以作为分立组件存在于电子设备或主控设备中。
155.本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：rom、ram、磁碟或者光盘等各种可以存储程序代码的介质。
156.最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。