toptrader-vue-js
Version:
90 lines (79 loc) • 2.96 kB
JavaScript
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
let x05 = Math.floor(data.x) - 0.5
this.ctx.strokeStyle = w > 1 ? wick_color : wick_color_sm
if (!green) {
this.ctx.beginPath()
this.ctx.moveTo(x05, Math.floor(data.h))
// this.ctx.lineTo(x05, Math.floor(data.l))
this.ctx.lineTo(x05, Math.floor(data.o))
this.ctx.stroke()
this.ctx.beginPath()
this.ctx.moveTo(x05, Math.floor(data.l))
// this.ctx.lineTo(x05, Math.floor(data.l))
this.ctx.lineTo(x05, Math.floor(data.c))
this.ctx.stroke()
} else {
this.ctx.beginPath()
this.ctx.moveTo(x05, Math.floor(data.h))
// this.ctx.lineTo(x05, Math.floor(data.l))
this.ctx.lineTo(x05, Math.floor(data.c))
this.ctx.stroke()
this.ctx.beginPath()
this.ctx.moveTo(x05, Math.floor(data.l))
// this.ctx.lineTo(x05, Math.floor(data.l))
this.ctx.lineTo(x05, Math.floor(data.o))
this.ctx.stroke()
}
if (data.w > 1.5) {
this.ctx.strokeStyle = body_color
// TODO: Move common calculations to layout.js
let s = green ? 1 : -1
// if (green)
this.ctx.strokeRect(
Math.floor(data.x - hw - 1),
data.c,
Math.floor(hw * 2 + 1),
s * Math.max(h, max_h),
)
// else
// 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(
x05,
Math.floor(Math.min(data.o, data.c)),
)
this.ctx.lineTo(
x05,
Math.floor(Math.max(data.o, data.c)) +
(data.o === data.c ? 1 : 0)
)
this.ctx.stroke()
}
}
}