Highcharts 股票图（Stock）的技术指标配置

需求

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

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

分析与解决

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>

另外某些技术指标还有一些特有的配置，这些配置是写在 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

    }

}]

效果图：

Highcharts还提供了丰富的配置选项，可以自定义图表的外观和交互效果，以满足不同的需求。

希望这些信息对大家有所帮助！如果您有任何其他问题，请随时提问。