options.indicator.ts

/**
 *  @file         /options.indicator.ts created by WebStorm
 *  @project      stock-chart
 *  @author       阿佑[ayooooo@petalmail.com]
 *  @date         2022/8/26 16:19
 *  @description
 */
import { Color, themeOptions } from './theme'

export type MAInputs = {
  series: {
    period: number,
    color: Color,
  } [];
}

export const maInputs: MAInputs = {
  series: [
    {
      period: 14,
      color: themeOptions.primaryColor,
    },
  ],
}

export type MACDInputs = {
  fastPeriod: number;
  slowPeriod: number;
  signalPeriod: number;
  resultColor: Color;
  signalColor: Color;
  histRaiseColor: Color;
  histFallColor: Color;
}

export const macdInputs: MACDInputs = {
  fastPeriod: 12,
  slowPeriod: 26,
  signalPeriod: 9,
  resultColor: themeOptions.primaryColor,
  signalColor: themeOptions.dottedColor,
  histRaiseColor: themeOptions.bullishColor,
  histFallColor: themeOptions.bearishColor,
}

export type EMAInputs = {
  series: {
    period: number;
    color: Color;
    offset?: number;
  } []
}

export const emaInputs: EMAInputs = {
  series: [
    {
      period: 14,
      offset: 0,
      color: themeOptions.primaryColor,
    },
  ],
}

export type BOLLInputs = {
  period: number;
  K: number;
  bandColor: Color;
  channelColor: Color;
}

export const bollInputs: BOLLInputs = {
  period: 20,
  K: 2,
  bandColor: themeOptions.primaryColor,
  channelColor: themeOptions.dottedColor,
}

export type SARInputs = {
  af: number;
  max: number;
  radius: number;
  color: Color;
}

export const sarInputs: SARInputs = {
  af: 0.02,
  max: 0.2,
  radius: 3,
  color: themeOptions.primaryColor,
}

export type KDJInputs = {
  period: number;
  slowPeriod: number;
  smoothPeriod: number;
}

export const kdjInputs: KDJInputs = {
  period: 14,
  slowPeriod: 3,
  smoothPeriod: 3,
}

export type RSIInputs = {
  periods: number[];
}

export const rsiInputs: RSIInputs = {
  periods: [14],
}

export type CCIInputs = {
  period: number;
}

export const cciInputs: CCIInputs = {
  period: 20,
}

export type TrendInputs = {
  period: number;
  fastPeriod: number;
  slowPeriod: number;
  signalPeriod: number;
  bullishColor: Color; // 看多颜色
  bullishBg: Color;
  bearishBg: Color;
  bearishColor: Color;
}

export const trendInputs: TrendInputs = {
  period: 3,
  fastPeriod: 5,
  slowPeriod: 8,
  signalPeriod: 5,
  bullishColor: '#00B167', // 看多颜色
  bearishColor: '#F24A3A',
  bullishBg: 'rgba(0, 177, 103, 0.1)', // 看多颜色
  bearishBg: 'rgba(242, 74, 58, 0.1)',
}