如何获取Highcharts技术指标系列类型到默认参数的映射？

核心思路 #

Highstock 中每个注册的指标系列都会在 Highcharts.seriesTypes 中暴露其默认配置，我们可以遍历这个对象，提取所有指标的默认参数，构建成以指标类型名为键的映射对象，无需手动逐个复制参数。

TypeScript 示例代码 #

import * as Highstock from 'highcharts/highstock';

// 若使用按需加载，需先注册所需指标（如MACD、SMA等）
// import MACDIndicator from 'highcharts/indicators/macd';
// import SMAIndicator from 'highcharts/indicators/sma';
// MACDIndicator(Highstock);
// SMAIndicator(Highstock);

/**
 * 生成所有已注册Highstock指标的默认参数映射
 * @returns 键为指标类型名，值为对应默认参数的对象
 */
const getIndicatorDefaultParams = (): Record<string, Record<string, any>> => {
  const indicatorParamsMap: Record<string, Record<string, any>> = {};

  // 遍历所有注册的系列类型，筛选出带参数配置的指标
  Object.keys(Highstock.seriesTypes).forEach(seriesType => {
    const seriesConfig = Highstock.seriesTypes[seriesType];
    if (seriesConfig?.defaultOptions?.params) {
      indicatorParamsMap[seriesType] = { ...seriesConfig.defaultOptions.params };
    }
  });

  return indicatorParamsMap;
};

// 使用示例：在添加图表系列前获取参数
const defaultIndicatorParams = getIndicatorDefaultParams();
console.log(defaultIndicatorParams);
// 输出示例：
// {
//   "macd": { "index": 0, "longPeriod": 26, "shortPeriod": 12, "signalPeriod": 9 },
//   "sma": { "index": 0, "period": 14 },
//   "ema": { "index": 0, "period": 14, "smoothed": false },
//   // 其他已注册指标的默认参数...
// }

关键说明 #

• 该方法自动提取所有已注册指标的默认参数，参数值与Highstock源码定义完全一致（比如MACD的默认参数对应源码中的配置）。
• 若采用按需加载指标的方式，必须先将对应指标模块注册到Highstock，否则无法获取该指标的参数。
• 调用时机：在初始化图表、添加系列之前执行，即可提前拿到所有指标的默认参数映射。

import { Component, OnInit } from '@angular/core';
import * as Highstock from 'highcharts/highstock';
import MACDIndicator from 'highcharts/indicators/macd';
import SMAIndicator from 'highcharts/indicators/sma';

// 注册所需指标
MACDIndicator(Highstock);
SMAIndicator(Highstock);

@Component({
  selector: 'app-indicator-params',
  templateUrl: './indicator-params.component.html'
})
export class IndicatorParamsComponent implements OnInit {
  indicatorParamsMap: Record<string, Record<string, any>> = {};

  ngOnInit(): void {
    // 在组件初始化时获取指标默认参数
    this.indicatorParamsMap = this.getIndicatorDefaultParams();
    console.log('默认指标参数:', this.indicatorParamsMap);
  }

  private getIndicatorDefaultParams(): Record<string, Record<string, any>> {
    const paramsMap: Record<string, Record<string, any>> = {};
    Object.keys(Highstock.seriesTypes).forEach(type => {
      const series = Highstock.seriesTypes[type];
      if (series.defaultOptions?.params) {
        paramsMap[type] = { ...series.defaultOptions.params };
      }
    });
    return paramsMap;
  }
}

注意事项 #

• 需确保已安装 highcharts 和 angular-highcharts 依赖包。
• 按需注册指标时，仅会提取已注册指标的参数，若需更多指标，需补充对应模块的注册代码。

内容的提问来源于stack exchange，提问作者user1689987