一种基于网页的股票交易K线处理方法和存储介质与流程

本发明涉及网络技术领域，尤其涉及一种基于网页的股票交易k线处理方法和存储介质。

背景技术：

传统的股票k线处理为通过桌面软件应用实现，随着互联网技术的发展，越来越多的应用使用脚本语言(javascript，js)技术在客户端浏览器进行处理。但是这些k线处理方法对开发人员很不友好，如果要配置或修改一些功能，需要全盘修改桌面软件或通过脚本语言搭建的应用，还需要使用者更新修改后的软件或应用。

技术实现要素：

本发明实施例提供一种基于网页的股票交易k线处理方法和存储介质，如果要配置或修改一些功能，不需要全盘修改，而且仅需使用者在重新加载网页时自动更新。

本发明实施例第一方面提供了一种基于网页的股票交易k线处理方法，包括：

获取全局配置js文件，所述全局配置js文件包括基础配置项和自定义配置项；

若获取到使用者输入的自定义指令，根据所述自定义指令设置所述自定义配置项；

根据所述全局配置js文件绘制k线界面；

获取k线运算js文件、k线数据分析js文件、绘图控制js文件；

所述k线运算js文件根据从服务器获取的k线初始化数据运算k线指标；

所述k线数据分析js文件根据所述k线指标计算绘图参数；

所述绘图控制js文件根据所述绘图参数绘制k线内容。

在一些实施例中，所述基于网页的股票交易k线处理方法还包括：

获取事件处理js文件，所述事件处理js文件包括若干事件触发条件和与所述事件触发条件对应的事件处理项；

若使用者的操作满足所述事件触发条件，执行与所述事件触发条件对应的事件处理项。

在一些实施例中，所述全局配置js文件具体包括主题色设置项、图表配置项、x轴配置项、y轴配置项、对象参数配置项、提示信息配置项；

所述主题色设置项、图表配置项、x轴配置项、y轴配置项、对象参数配置项、提示信息配置项中的至少一个为所述自定义配置项，其余为所述基础配置项。

在一些实施例中，所述k线指标具体包括交易量指标、平均价指标、ma5指标、ma15指标、dif指标、dea指标、macd指标中的一项或多项。

在一些实施例中，所述绘图参数具体包括绘制类型、绘制位置。

在一些实施例中，所述绘制类型为蜡烛图类型、柱状图类型或折线图类型。

在一些实施例中，所述根据所述全局配置js文件绘制k线界面，具体包括：

所述根据所述全局配置js文件绘制画布容器。

在一些实施例中，所述绘图控制js文件根据所述绘图参数绘制k线内容，具体包括：

所述绘图控制js文件根据所述绘图参数以位图的方式绘制k线内容；或者

所述绘图控制js文件根据所述绘图参数以3d位图的方式绘制k线内容；或者

所述绘图控制js文件根据所述绘图参数以矢量图的方式绘制k线内容。

在一些实施例中，所述若使用者的操作满足所述事件触发条件，执行与所述事件触发条件对应的事件处理项，具体包括：

若使用者的操作满足拖动事件的触发条件，则所述绘图控制js文件根据所述操作调整所述k线内容；

若使用者的操作满足滚动事件的触发条件，则所述绘图控制js文件根据所述操作放大或缩小所述k线内容。

本发明实施例第二方面提供了一种存储介质，所述存储介质存储有计算机程序，若所述计算机程序被处理器执行，实现上述基于网页的股票交易k线处理方法的步骤。

相比现有技术，本发明实施例的有益效果在于：通过全局配置js文件、k线运算js文件、k线数据分析js文件、绘图控制js文件这几个用于实现不同功能的模块构建基于网页的股票交易k线处理方案，如果要配置或修改一些功能，不需要全盘修改，而且仅需使用者在重新加载网页时自动更新功能；还通过在全局配置js文件中配置自定义配置项，使得使用者可以根据使用场景、习惯等设置界面。

附图说明

一个或多个实施例通过与之对应的附图中的图片进行示例性说明，这些示例性说明并不构成对实施例的限定。

图1为本发明实施例的一种基于网页的股票交易k线处理方法的流程示意图；

图2为全局配置js文件的示意图；

图3为图1中步骤s170的子流程示意图；

图4为本发明实施例的另一种基于网页的股票交易k线处理方法的流程示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

需要说明的是，如果不冲突，本发明实施例中的各个特征可以相互组合，均在本发明的保护范围之内。另外，虽然在装置示意图中进行了功能模块的划分，在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于装置示意图中的模块划分，或流程图中的顺序执行所示出或描述的步骤。

如图1所示为一种基于网页的股票交易k线处理方法的流程示意图。

如图1所示，基于网页的股票交易k线处理方法包括以下步骤：

步骤s110、获取全局配置js文件，所述全局配置js文件包括基础配置项和自定义配置项。

示例性的，全局配置js文件存储在网站服务器，使用者访问网站的相应的网页时，网页中的相应指令从服务器调取全局配置js文件。

在一些可行的实施例中，所述全局配置js文件具体包括主题色设置项、图表配置项、x轴配置项、y轴配置项、对象参数配置项、提示信息配置项。

主题色设置项用于设置基于网页的股票交易k线显示区域的色彩主题；图表配置项用于设置显示区域的格局，如显示区域分为左区域和右区域或者显示区域分为上区域和下区域；x轴配置项、y轴配置项分别用于设置x轴、y轴的位置、样式等；对象参数配置项用于设置对象数据的参数，如字体、字号等；提示信息配置项用于设置是否允许提示信息以及提示信息的时机等。

示例性的，所述主题色设置项、图表配置项、x轴配置项、y轴配置项、对象参数配置项、提示信息配置项中的至少一个为所述自定义配置项，其余为所述基础配置项。例如，自定义配置项包括主题色设置项和图表配置项。

步骤s120、若获取到使用者输入的自定义指令，根据所述自定义指令设置所述自定义配置项。

示例性的，如果使用者想调整基于网页的股票交易k线显示区域的色彩主题，则可以通过鼠标、键盘或触控屏等输入对应于主题色设置项的自定义指令，以设置所需要的色彩主题；果使用者想调整显示区域的格局，则可以通过鼠标、键盘或触控屏等输入对应于图表配置项的自定义指令，以设置所需要的格局进行显示。

如图2所示，全局配置js文件为config.js，包括基础配置项和自定义配置项；基础配置项和自定义配置项合并为当前项目的基本参数设置，即新的全局配置js文件config.js。

步骤s130、根据所述全局配置js文件绘制k线界面。

如果步骤s120获取到使用者输入的自定义指令，则根据全局配置js文件中的基础配置项，以及使用者设置的自定义配置项绘制k线界面；如果没有获取到使用者输入的自定义指令，则根据全局配置js文件中的基础配置项，以及默认的自定义配置项绘制k线界面。

在一些可行的实施例中，步骤s130根据所述全局配置js文件绘制k线界面，具体包括：

步骤s131、所述根据所述全局配置js文件绘制画布容器。画布容器体现了全局配置js文件中基础配置项、自定义配置项设置的参数；画布容器用于容纳k线内容以展示给使用者。

步骤s140、获取k线运算js文件、k线数据分析js文件、绘图控制js文件。

示例性的，k线运算js文件为indicater.js，用于规定k线的绘图指标的运算规则；k线数据分析js文件为painter.js，用于对k线的数据分析处理；绘图控制js文件为module.js，用于执行绘图任务，如基于位图canvas的绘图任务。

示例性的，k线运算js文件、k线数据分析js文件、绘图控制js文件存储在网站服务器，使用者访问网站的相应的网页时，网页中的相应指令从服务器调取k线运算js文件、k线数据分析js文件、绘图控制js文件。

步骤s150、所述k线运算js文件根据从服务器获取的k线初始化数据运算k线指标。

示例性的，从指定的服务器获取从某一时刻起至当前时刻的k线初始化数据，并在接下来的时间实时获取新的k线初始化数据。

在一些可行的实施例中，所述k线指标具体包括交易量指标、平均价指标、ma5指标、ma15指标、dif指标、dea指标、macd指标中的一项或多项。

其中，ma5指标可以是5周期平均值，ma15指标可以是15周期平均值。dif指标是快速平滑移动平均线(ema)与慢速平滑移动平均线(ema)的差。快速和慢速的区别是进行指数平滑时采用的参数大小不同，快速是短期的，慢速是长期的。以常用的参数12和26为例，dif指标的计算过程为：今日ema(12)＝2/(12+1)×今日收盘价+11/(12+1)×昨日ema(12)；今日ema(26)＝2/(26+1)×今日收盘价+25/(26+1)×昨日ema(26)；以上两个公式是指数平滑的公式，平滑因子分别为2/13和2/27，如果选用别的系数，则可照此法处理。dif＝ema(12)－ema(26)。dea指标是dif指标的移动平均，也就是连续数日的dif指标的算术平均。macd指标又叫指数平滑异同移动平均线，是由查拉尔·阿佩尔(geraldapple)所创造的，是一种研判股票买卖时机、跟踪股价运行趋势的技术分析工具。

在一些可行的实施例中，网页开发者或者使用者可以设置或修改k线运算js文件，以对要运算的k线指标进行灵活的修改与扩展，如不运算不展示某一类型的k线指标等。

步骤s160、所述k线数据分析js文件根据所述k线指标计算绘图参数。

在步骤s150运算得到量化了的k线指标后，由k线数据分析js文件将量化了的k线指标转换为可视化的数据。

在一些可行的实施例中，所述绘图参数具体包括绘制类型、绘制位置。

示例性的，所述绘制类型为蜡烛图类型、柱状图类型或折线图类型。绘制类型用于设置k线指标可视化的类型；绘制位置用于设置相应的k线指标可视化后所在的位置坐标。

步骤s170、所述绘图控制js文件根据所述绘图参数绘制k线内容。

具体的，绘图控制js文件根据所述绘图参数在k线界面的画布容器中绘制k线内容。

在一些可行的实施例中，如图3所示，步骤s170绘图控制js文件根据所述绘图参数绘制k线内容，具体包括步骤s171-步骤s173中的至少一项。

步骤s171、所述绘图控制js文件根据所述绘图参数以位图的方式绘制k线内容。

步骤s172、所述绘图控制js文件根据所述绘图参数以3d位图的方式绘制k线内容。

步骤s173、所述绘图控制js文件根据所述绘图参数以矢量图的方式绘制k线内容。

在一些可行的实施例中，使用者或网页开发者可以通过定义绘图控制js文件为module.js中的module事件，从而在步骤s170使用不同的绘图方式进行图形绘制，如位图canvas、3d位图webgl、矢量图svg等方式。

在一些可行的实施例中，如图4所示，基于网页的股票交易k线处理方法还包括：

步骤s180、获取事件处理js文件，所述事件处理js文件包括若干事件触发条件和与所述事件触发条件对应的事件处理项。

示例性的，事件处理js文件为event.js，用于实现k线绘图后的数据动画效果，如拖动、放大、缩小等效果。

步骤s190、若使用者的操作满足所述事件触发条件，执行与所述事件触发条件对应的事件处理项。

在一些可行的实施例中，步骤s190若使用者的操作满足所述事件触发条件，执行与所述事件触发条件对应的事件处理项，具体包括：

步骤s191、若使用者的操作满足拖动事件的触发条件，则所述绘图控制js文件根据所述操作调整所述k线内容。

步骤s192、若使用者的操作满足滚动事件的触发条件，则所述绘图控制js文件根据所述操作放大或缩小所述k线内容。

本发明实施例提供的基于网页的股票交易k线处理方法，通过全局配置js文件、k线运算js文件、k线数据分析js文件、绘图控制js文件这几个用于实现不同功能的模块构建基于网页的股票交易k线处理方案，如果要配置或修改一些功能，不需要全盘修改，而且仅需使用者在重新加载网页时自动更新功能；还通过在全局配置js文件中配置自定义配置项，使得使用者可以根据使用场景、习惯等设置界面。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法，如：

一种存储介质，所述存储介质存储有计算机程序，若所述计算机程序被处理器执行，实现前述基于网页的股票交易k线处理方法的步骤。

本实施例中的存储介质与前述实施例中的方法是基于同一发明构思下的两个方面，在前面已经对方法实施过程作了详细的描述，所以本领域技术人员可根据前述描述清楚地了解本实施中的存储介质的实施过程，为了说明书的简洁，在此就不再赘述。

上述实施方式仅为本发明的优选实施方式，不能以此来限定本发明保护的范围，本领域的技术人员在本发明的基础上所做的任何非实质性的变化及替换均属于本发明所要求保护的范围。