开源图表库Highcharts教程:7种流行的技术指标

Highcharts是一款纯JavaScript编写的图表库,为你的Web 站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。

Highcharts最新试用版

如果您熟悉库存分析,则可能知道什么是技术指标。否则,技术指标简而言之就是分析工具,可让您检查历史数据并预测未来价格趋势和模式。

使用Highcharts Stock包,您几乎不必为财务图表建立自定义技术指标。相反,您可以使用许多内置指示器。您也可以轻松创建和添加自定义指标。

在查看一些最常用的技术指标之前,我们首先需要先添加主要指标模块,然后再添加特定指标的模块。 例如,要使用线性回归指标,请添加以下模块:

1、主模块

<script src =“ https://code.highcharts.com/stock/indicators/indicators.js”> </ script>

2、线性回归指标

<script src =“ https://code.highcharts.com/stock/indicators/regressions.js”> </ script>

现在,让我们检查一下列表:

一、 EMA(指数移动平均线)

EMA是移动平均线交易指标。EMA通过使用一段时间的指数平均值来测量趋势方向,然后将结果显示在一行上。下面的演示使用9天(黑线)和50天(绿线)的时间段显示趋势方向:

开源图表库Highcharts教程:7种流行的技术指标

要使用EMA,请执行以下步骤:

1、添加EMA模块

<script src =“ https://code.highcharts.com/stock/indicators/ema.js”> </ script>

2、在系列下添加此代码

{  type:'ema',  linkedTo:'aapl'},{  type:'ema',  linkedTo:'aapl',  params:{    period:50  }}

注意:默认期限为9。要更改默认期限,请使用params选项。

二、 MACD(异同移动平均线)

MACD指标是一种有力的技术指标,因为它既是趋势跟踪也是动量指标。MACD是一组两行(一个快和一个慢)和一个直方图的集合:

开源图表库Highcharts教程:7种流行的技术指标

第一行显示两个移动平均线之间的差,第二行显示第一条MACD线的移动平均线,而直方图是两条移动线之间的差。

要在图表中使用MACD,请执行以下步骤:

1、添加EMA和MACD模块,因为MACD需要EMA的一些功能:

<script src =“ https://code.highcharts.com/stock/indicators/ema.js”> </ script> src = “ https://code.highcharts.com/stock/indicators/ema.js” > </ script> 
<script src =“ https://code.highcharts.com/stock/indicators/macd.js”> </ script> src = “ https://code.highcharts.com/stock/indicators/macd.js” > </ script>

2、在系列下添加MACD选项,默认设置为“12、26、9”:

{  yAxis:1,:1 ,  type:'macd',:'macd' ,  linkedTo:'aapl',:'aapl' ,  params:{ params :{    shortPeriod:12,:12 ,    longPeriod:26,:26 ,    signalPeriod:9 :9 ,    周期:26 :26  } }} }   

三、布林线

布林线属于波动率指标类型。布林线是具有三条线的简单移动平均线;中间的一条线代表一个简单的20天移动平均线,两条线代表上/下标准偏差:

开源图表库Highcharts教程:7种流行的技术指标

要使用布林线,请遵循以下步骤:

1、添加布林线模块

<script src =“ https://code.highcharts.com/stock/indicators/bollinger-bands.js”> </ script> src = “ https://code.highcharts.com/stock/indicators/bollinger-bands .js“ > </ script> 

2、在系列中添加以下代码:

{  type:'bb' :'bb'} } 

四、斐波那契(回撤)

斐波那契工具在交易者中很流行,因为它提供了使用水平或区域来预测股票上涨多少的可能性:

开源图表库Highcharts教程:7种流行的技术指标

要使用斐波那契工具,请按照以下步骤操作:

1、与技术指标的其余部分相反,斐波那契工具属于注释模块而不是指标模块,因此请确保添加注释模块

<script src =“ https://code.highcharts.com/modules/annotations.js”> </ script> src = “ https://code.highcharts.com/modules/annotations.js” > </ script> 

2、将区域添加到要在功能注释下浏览的区域:

注释:[ :[  fibonacciRetracements(Date.UTC(2020,1,14),105,Date.UTC(2020,2,14),320) (日期。UTC (2020 ,1 ,14 ),105 ,日期。UTC (2020 ,2 ,14 ),320 )],], 

五、一目平衡表指标

Ichimoku指标由五行组成,可帮助交易者查看支撑/阻力位和趋势方向:

开源图表库Highcharts教程:7种流行的技术指标

要使用Ichimoku指标,请执行以下步骤:

1、添加ichimoku-kinko-hyo模块

<script src =“ https://code.highcharts.com/stock/indicators/ichimoku-kinko-hyo.js”> </ script> src = “ https://code.highcharts.com/stock/indicators/ichimoku -kinko-hyo.js“ > </ script> 

2、在系列功能下添加五行

{  type: 'ikh',: 'ikh',  linkedTo: 'aapl',: 'aapl',  tenkanLine: {: {    styles: {: {      lineColor: 'lightblue': 'lightblue'    }}  },},  kijunLine: {: {    styles: {: {      lineColor: 'darkred': 'darkred'    }}  },},  chikouLine: {: {    styles: {: {      lineColor: 'lightgreen': 'lightgreen'    }}  },},  senkouSpanA: {: {    styles: {: {      lineColor: 'green': 'green'    }}  },},  senkouSpanB: {: {    styles: {: {      lineColor: 'red': 'red'    }}  },},  senkouSpan: {: {    color: 'rgba(0, 255, 0, 0.3)',: 'rgba(0, 255, 0, 0.3)',    styles: {: {      fill: 'rgba(0, 0, 255, 0.1)': 'rgba(0, 0, 255, 0.1)'    }}  }}

六、RSI(相对强度指数)

相对强弱指数有助于交易者发现超买和超卖情况。RSI在一条直线上可视化了股票的实力与价格历史。该行的比例为0到100:

开源图表库Highcharts教程:7种流行的技术指标

要使用RSI指示器,请按照下列步骤操作:

1、添加RSI模块

<script src="https://code.highcharts.com/stock/indicators/rsi.js"></script> src="https://code.highcharts.com/stock/indicators/rsi.js"></script>

2、在系列功能下添加RSI线

{  yAxis: 1,: 1,  type: 'rsi',: 'rsi',  linkedTo: 'aapl': 'aapl'}}

七、随机

类似于RSI指标的随机指标用于识别超买和超卖情况。但是随机指标不使用一行,而是使用两条线:

开源图表库Highcharts教程:7种流行的技术指标

要使用随机指标,请按照以下步骤操作:

1、添加随机模块

<script src="https://code.highcharts.com/stock/indicators/stochastic.js"></script> src="https://code.highcharts.com/stock/indicators/stochastic.js"></script>

2、在系列特征下添加随机线

{  yAxis: 1,: 1,  type: 'stochastic',: 'stochastic',  linkedTo: 'aapl': 'aapl'}}

技术指标通过可视化价格和交易量趋势帮助从复杂图表中获得更好的见解。Highchart Stock为您提供了一系列可以简化使用的指标。


想要购买Highchart正版授权,或了解更多产品信息请点击【咨询在线客服】

开源图表库Highcharts教程:7种流行的技术指标

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年5月2日
下一篇 2020年5月2日

相关推荐

发表回复

登录后才能评论