平均足を例にコンテナインジケーターを作成する

概要

コンテナインジケーターの作成方法を平均足を例に説明します。

操作

インジケーター「新規登録>コンテナインジケーター」からインジケーター作成画面を開いてください。

コンテナインジケーターの作成

ここでは平均足を例にコンテナインジケータの実装方法の説明をします。

下記のコードを入力、登録してください。

export default (): ContainerIndicator<{
    initialHeight: number | string
    upColor: string
    sameColor: string
    downColor: string
}, {
    openBuffer: IndicatorBuffer
    highBuffer: IndicatorBuffer
    lowBuffer: IndicatorBuffer
    closeBuffer: IndicatorBuffer
}
> => {
    return {
        type: "c", //1
        name: "tutor.HeikinAshi",
        onInit() {
            const { initialHeight, upColor, sameColor, downColor } = this.params;
            this.initialHeight = initialHeight; //2
            const [openBuffer, highBuffer, lowBuffer, closeBuffer] = this.addCandleStickBuffer([ //3
                upColor, sameColor, downColor
            ]);
            this.openBuffer = openBuffer
            this.highBuffer = highBuffer
            this.lowBuffer = lowBuffer
            this.closeBuffer = closeBuffer
            this.shortName = "heikin"
            this.isShowDefaultRoundNumber = true //4
            this.onChartChange = ({ index, times, opens, highs, lows, closes, spreads }) => {
                if (index == 0) {
                    return; //5
                }
                const preOpen = opens.get(index - 1),
                    preClose = closes.get(index - 1);
                const openVal = (preOpen + preClose) / 2,
                    highVal = highs.get(index),
                    lowVal = lows.get(index),
                    closeVal = (opens.get(index) + highs.get(index) + lows.get(index) + closes.get(index)) / 4;
                this.openBuffer.set(index, (preOpen + preClose) / 2);
                this.highBuffer.set(index, highs.get(index));
                this.lowBuffer.set(index, lows.get(index));
                this.closeBuffer.set(index, (opens.get(index) + highs.get(index) + lows.get(index) + closes.get(index)) / 4);
            }
            this.getDisplayData = (index) => {
                return {
                    openPrice: this.openBuffer.get(index),
                    closePrice: this.closeBuffer.get(index)
                }
            }
        },
        params:
        {
            initialHeight: "25%",
            upColor: "blue",
            sameColor: "black",
            downColor: "red"
        },

    }
}