toptrader-vue-js/src/components/primitives/candle.js

Toptrader lib

// Candle object for Candles overlay

export default class CandleExt {

    constructor(overlay, ctx, data) {
        this.ctx = ctx
        this.self = overlay
        this.style = data.raw[6] || this.self
        this.draw(data)
    }

    draw(data) {
        const green = data.raw[4] >= data.raw[1]
        const body_color = green ?
            this.style.colorCandleUp :
            this.style.colorCandleDw

        const wick_color = green ?
            this.style.colorWickUp :
            this.style.colorWickDw

        const wick_color_sm = this.style.colorWickSm


        let w = Math.max(data.w, 1)
        let hw = Math.max(Math.floor(w * 0.5), 1)
        let h = Math.abs(data.o - data.c)
        let max_h = data.c === data.o ? 1 : 2

        this.ctx.strokeStyle = w > 1 ? wick_color : wick_color_sm

        this.ctx.beginPath()
        this.ctx.moveTo(
            Math.floor(data.x) - 0.5,
            Math.floor(data.h)
        )
        this.ctx.lineTo(
            Math.floor(data.x) - 0.5,
            Math.floor(data.l)
        )

        this.ctx.stroke()

        if (data.w > 1.5 || data.o === data.c) {

            this.ctx.fillStyle = body_color
            // TODO: Move common calculations to layout.js
            let s = green ? 1 : -1
            this.ctx.fillRect(
                Math.floor(data.x - hw -1),
                data.c,
                Math.floor(hw * 2 + 1),
                s * Math.max(h, max_h),
            )

        } else {

            this.ctx.strokeStyle = body_color

            this.ctx.beginPath()
            this.ctx.moveTo(
                Math.floor(data.x) - 0.5,
                Math.floor(Math.min(data.o, data.c)),
            )
            this.ctx.lineTo(
                Math.floor(data.x) - 0.5,
                Math.floor(Math.max(data.o, data.c)),
            )

            this.ctx.stroke()

        }

    }

}