HIGHCHARTS
  • 关于我们
    • 关于我们
    • 联系方式
    • 新闻动态
    • 合作伙伴
  • 在线商店
  • 在线实例
    • Highcharts 演示
    • Highcharts Stock 演示
    • Highcharts Maps 演示
    • Highcharts Gantt 演示
    • 图集new
    • 客户案例
  • 文档教程
    • 使用教程
    • API 文档
    • 兼容性
    • 常见错误
    • 更新日志
  • 服务与支持
    • 获取技术支持
    • 下载中心
    • 地图数据
    • 产品规划
  • 产品中心
    • Highcharts
    • Highcharts Stock
    • Highcharts Map
    • Highcharts iOS
    • Highcharts Android
    • JShare
    • 爱图说
    • Highcharts 云服务
    • Highcharts 编辑器
    • 插件扩展
    • 应用扩展
  • 博客
  • 技术社区
  • 快速上手
    • Highcharts 系列软件简介
    • 1 分钟上手 Highcharts
    • 文件下载与使用
    • 通过 npm 安装
    • 通过 Bower 安装
    • 如何设置图表配置选项
    • Highcharts 兼容性
    • Highcharts 使用协议
  • 基础教程
    • 图表主要组成
    • 图表配置
    • 标题
    • 坐标轴
    • 数据列
    • 颜色
    • 数据提示框
    • 图例
    • 版权信息
    • HTML标签
    • 标示线
    • 标示带
    • 图表缩放
    • 语言文字
    • 标签及字符串格式化
    • 钻取功能
    • 3D 图表
    • 响应式
  • 数据处理
    • 数据处理概述
    • 服务端动态渲染图表
    • Ajax 请求数据接口
    • 处理文本或文本数据文件
    • 数据功能模块
  • 图表类型
    • 图表类型
    • 直线图
    • 曲线图
    • 面积图及面积范围图
    • 柱状图和条形图
    • 饼图
    • 范围图
    • 散点图及气泡图
    • 漏斗图及金字塔图
    • 极地图
    • 瀑布图
    • 误差线图
    • 箱线图
  • 高级特性
    • 堆叠图
    • 自由绘图
    • 国际化
  • 图表导出模块
    • 图表导出模块概述
    • 客户端导出
    • 搭建导出服务器
    • 命令行导出
    • 导出 Excel 数据文件
  • 图表设计及样式
    • 图表设计及样式
    • 颜色
    • 主题
  • 插件扩展
    • 插件扩展概述
    • 创建插件
    • 提交插件到官方插件库
  • 地图(Highmaps)
    • 开始使用 Highmaps
    • 地图数据集
    • 经纬度
    • 地图导航器
  • 股票图(Highstock)
    • 开始使用 Highstock
    • 范围选择器
    • 导航器
    • 滚动条
    • K 线图
    • 技术指标
    • 自定义技术指标
  • 官方扩展包(Vue React Angular iOS Android .NET)
    • Highcharts .NET
    • Highcharts Vue
    • Highcharts React
    • Highcharts Angular
    • Highcharts iOS
    • Highcharts Android
收起菜单 教程目录

技术指标

最后修改时间:2022-12-15 18:08

技术指标是用来更好的查看股票数据及做决策的强大工具,一般是基于现有股票数据按照一定的数学公式进行运算,从而创建股价边界或走势,方便做分析和决策。

Highstock 自 6.0 开始内置提供 20 种常用的技术指标,使用它们非常方便,只需要额外的引入技术指标主文件( indicators/indicators.js,也是 SMA指标文件)及技术指标对应的文件,例如添加 MACD 指标需要引入的文件是

<!-- Highstock 主文件 -->
<script src="http://cdn.hcharts.cn/highstock/highstock.js"></script>

<!-- 技术指标主文件 -->
<script src="http://cdn.hcharts.cn/highstock/indicators/indicators.js"></script>

<!-- 技术指标文件,如果是 SMA,则无需引入(因为 indicators 包含 SMA) -->
<script src="http://cdn.hcharts.cn/highstock/indicators/macd.js"></script>

内置技术指标列表

截止到现在 Highstock 内置的技术指标有(共 20 种):

  • A/D (离散指标,Accumulation/Distribution)
  • ATR (Average True Range)
  • Bollinger Bands(布林带)
  • CCI (Commodity Channel Index,顺势指标)
  • CMF (Chaikin Money Flow)
  • EMA (Exponential Moving Average,指数移动平均 )
  • Ichimoku Kinko Hyo
  • MACD (Moving Average Convergence Divergence,平滑异同移动平均线)
  • MFI (Money Flow Index,资金流量指标)
  • Momentum(动量)
  • Pivot Points(轴心点)
  • Price Envelopes
  • PSAR (Parabolic SAR)
  • RoC (Rate of Change,变动率指标)
  • RSI (Relative Strength Index,相对强弱指标)
  • SMA (Simple Moving Average,简单移动平均线)
  • Stochastic(随机指标)
  • VbP (Volume by Price,成交量分布)
  • VWAP (Volume Weighted Average Price,成交量加权平均价)
  • WMA (Weighted Moving Average,加权移动平均)
  • Zig Zag

技术指标配置

技术指标相关的功能是以数据列的形式实现的,这也就意味着大部分 数据列配置 也可以在技术指标中使用,唯一需要注意的是技术指标数据列是以主数据列的数据进行计算的,所以无需给定数据配置,直接用 linkedTo 属性来与主数据进行关联,当主数据列的数据有更新时(例如进行 addPoint 操作),技术指标也会同步更新。

另外某些技术指标还有一些特有的配置,这些配置是写在 params 配置下,例如 params.period (周期)、params.algorithm(算法)等。

同一个主数据列可以关联多个技术指标,下面的包含一个主数据列、2个 SMA 和一个 EMA 数据列的示例代码:

series: [{
    id: 'main-series',
    data: []
}, {
    type: 'sma',             // 指定数据列类型(指标类型)
    linkedTo: 'main-series', // 通过 linkedTo 与主数据列关联
    params: {                // 参数
        period: 14 
    }
}, {
    type: 'sma',
    linkedTo: 'main-series', 
    params: {
        period: 28
    }
}, {
    type: 'ema',
    linkedTo: 'main-series',
    params: {
        period: 7
    }
}]

在线试一试

Y 轴绑定

部分技术指标(Bollinger Bands、EMA、Ichimoku Kinko Hyo、Pivot Points、Price Envelopes、PSAR、SMA、VbP、 VWAP、WMA、Zig Zag)可以直接和主数据列放置在同一个 Y 轴中,但某些技术指标(A/D、ATR、CCI、CMF、MACD、 MFI、Momentum、RoC、RSI、Stochastic)由于运算的结果和主数据列不是一个数量级,所以需要单独放置在另外一个 y 轴中,配置方法同 多轴配置 一样,步骤如下:

1、创建多个 y 轴

yAxis: [{
    // 主数据列
    height: '50%'
}, {
     // 其他数据列(技术指标数据列 y 轴)
    top: '50%',
    height: '50%'
}]      

2、将数据列与 y 轴进行关联

series: [{
    id: 'main-series',
    data: […]
}, {
    type: 'stochastic',
    linkedTo: 'main-series',
    yAxis: 1 // 通过 y 轴下标进行关联
}]

多数据列绑定

某些技术指标需要多个数据列(一般是主数据列的股价及成交量数据)的数据进行计算,包括:

  • Accumulation/Distribution
  • CMF
  • MFI
  • Volume by Price
  • Volume Weighted Average Price

这些技术指标需要制定 params.volumeSeriesID (成交量数据列 ID)参数来进行计算,示例代码如下:

series: [{
    id: 'main-series',
    data: [ … ]
}, {
    id: 'volume-series',
    yAxis: 1,
    data: [ … ]
}, {
    type: 'mfi',
    linkedTo: 'main-series',
    yAxis: 2,
    params: {
        volumeSeriesID: 'volume-series'
    }
}]

版权声明

本教程仅用于学习、研究和交流目的,欢迎非商业转载。转载请注明出处及完整的链接。

标题:技术指标 | Highcharts 使用教程

链接:https://www.hcharts.cn/docs/technical-indicator-series

   上一篇 下一篇   
  目录
    简数科技微信,同步更新Highcharts教程

    订阅更新

    © 2022 Highcharts 中文官网, 由 简数科技 提供服务, 浙ICP备16004892号-6, 浙公网安备33011002011664号
    在线客服

    选择服务类型

    技术问题

    • 技术社区
    • 技术支持
    • Q Q 群

    商业授权

    • 使用协议
    • 购买授权
    • 申请试用
    • 授权查询

    图表定制

    • 服务内容
    • VIP 专属服务

    销售服务:    技术服务:

    服务热线:0571 - 8620 8605 / 181 0659 5564    邮件:sales@jianshukeji.com

    服务时间:工作日 9:00 ~ 18:00    紧急服务 :7 x 24 响应(仅限电话)

    重要通知!

    尊敬的用户您好:
    由于域名备案调整,我们将于 2023-01-01 ~ 2023-01-07 日陆续停用 highcharts.com.cn 域名,受影响的网站及域名如下:

    网站或服务名称域名替代的网站
    主站www.highcharts.com.cnwww.hcharts.cn
    静态资源服务/CDNcdn.highcharts.com.cn
    code.highcharts.com.cn
    code.hcharts.cn
    img.highcharts.com.cnimg.hcharts.cn
    API 文档api.highcharts.com.cnapi.hcharts.cn
    导出服务export.highcharts.com.cnexport.hcharts.cn

    以上网站服务及 highcharts.com.cn 域名下的网站将于 2023-01-08 日全部下线,未来一段时间将不可访问,后续我们将上线新的网站。

    如果您的应用中有使用到相关服务,请抓紧时间对链接进行调整(特别是静态资源/CDN 服务的链接),以免影响您的网站或应用的正常运行,由此给您带来的不便,敬请谅解。

    如需帮助,请及时与我们联系:0571-86208605 / 18106595564(微信)。

    简数科技 2022-12-22