재무 차트(FinancialChart)의 재무 오버레이

wijmo.chart.finance.analytics 모듈에는 기술 인디케이터(indicator), 오버레이 및 Fibonacci 도구를 포함한 재무 차트(FinancialChart)에 대한 분석 확장이 포함되어 있습니다.

오버레이는, 기술 인디케이터(indicator)와 마찬가지로, 기존 데이터 세트에 하나 이상의 공식을 적용하여 계산되는 파생 데이터 세트입니다. 오버레이는 일반적으로 자산의 시장 방향을 예측하는 데 사용되며 일반적으로 Y축 눈금이 동일하기 때문에 기존 데이터 세트로 표시됩니다.

재무 차트는 두 가지 분석 오버레이를 지원합니다:Bollinger Bands® 과 Envelopes. 텍스트 주석과 같은 일반 오버레이는 고급 개념/주석 항목을 참고해주시길 바랍니다.

분석 오버레이는 일반 계열(Series) 클래스를 확장하여 선택한 데이터와 매개변수를 기반으로 계산된 계열을 제공합니다.

아래의 단계에 따라 차트에 분석 오버레이를 추가하실 수 있습니다:

1. 하나 이상의 오버레이 객체(밴드 또는 포락선(envelopes))를 만듭니다.
2. 예를 들어 binding, bindingX 및 style 속성을 설정하여 일반 계열(Series)과 같이 인디케이터(indicator)를 구성합니다.
3. 오버레이의 period 또는 size 속성을 설정하여 계산 매개변수를 결정합니다. 일부 오버레이는 두 개 이상의 매개변수가 있습니다.

볼린저 밴드(Bollinger Bands)

볼린저 밴드Bollinger Band는 가격의 simple moving average에서 두 개의 표준 편차(양수 및 음수)로 플롯된 선 세트입니다. 볼린저 밴드(Bollinger Bands)는 John Bollinger의 등록 상표입니다.

예시:

import * as chart from '@grapecity/wijmo.chart';
import * as fChart from '@grapecity/wijmo.chart.finance';
import * as fChartAnalytics from '@grapecity/wijmo.chart.finance.analytics';

var myFinancialChart = new fChart.FinancialChart('#myFinancialChart');
myFinancialChart.bindingX = 'date';
myFinancialChart.chartType = 'Candlestick';

// create candlestick data series
var series1 = new chart.Series();
series1.binding = 'high,low,open,close';
myFinancialChart.series.push(series1);

// create Bollinger bands
var bb = new fChartAnalytics.BollingerBands();
bb.binding = 'close';
bb.style = { stroke: 'yellow', strokeWidth: 2 };
bb.name = 'Bollinger Bands'; // name in legend
bb.period = 20;
bb.multiplier = 2;
bb.visibility = 'Visible';
myFinancialChart.series.push(bb);

포락선(Envelopes)

이동 평균 포락선(Envelopes)은 표준 이동 평균 위와 아래에 설정된 이동 평균입니다.표준 이동 평균 위/아래 금액은 백분율 기반이며 size 속성에 의해 결정됩니다. 이동 평균의 유형은 type 속성에 의해 결정됩니다.

지원되는 이동 평균 유형:

• Simple: 마지막 n 값의 평균입니다.
• Weighted: 마지막 n 값의 가중 평균으로, 여기서 가중치는 이전 값마다 1씩 감소합니다.
• Exponential: 마지막 n 값의 가중 평균으로, 가중치는 이전 값마다 기하급수적으로 감소합니다.
• Triangular: 마지막 n 값의 가중 평균으로, 결과는 이중 스무드(smoothed) simple moving average과 같습니다.

예시:

var myFinancialChart = new fChart.FinancialChart('#myFinancialChart');
myFinancialChart.bindingX = 'date';
myFinancialChart.chartType = 'Candlestick';

// create candlestick data series
var series1 = new chart.Series();
series1.binding = 'high,low,open,close';
myFinancialChart.series.push(series1);

// create Bollinger bands
var env = new fChartAnalytics.Envelopes();
env.binding = 'close';
env.style = { stroke: 'yellow', strokeWidth: 2 };
env.name = 'Envelopes'; // name in legend
env.type = 'Simple';
env.period = 20;
env.size = 0.3;
env.visibility = 'Visible';
myFinancialChart.series.push(env);