add extjs 6.0.1 sources

[extjs.git] / extjs / packages / charts / src / chart / series / sprite / CandleStick.js

/**\r
 * @class Ext.chart.series.sprite.CandleStick\r
 * @extends Ext.chart.series.sprite.Aggregative\r
 * \r
 * CandleStick series sprite.\r
 */\r
Ext.define('Ext.chart.series.sprite.CandleStick', {\r
    alias: 'sprite.candlestickSeries',\r
    extend: 'Ext.chart.series.sprite.Aggregative',\r
    inheritableStatics: {\r
        def: {\r
            processors: {\r
                raiseStyle: function (n, o) {\r
                    return Ext.merge({}, o || {}, n);\r
                },\r
                dropStyle: function (n, o) {\r
                    return Ext.merge({}, o || {}, n);\r
                },\r
\r
                /**\r
                 * @cfg {Number} [barWidth=15] The bar width of the candles.\r
                 */\r
                barWidth: 'number',\r
\r
                /**\r
                 * @cfg {Number} [padding=3] The amount of padding between candles.\r
                 */\r
                padding: 'number',\r
\r
                /**\r
                 * @cfg {String} [ohlcType='candlestick'] Determines whether candlestick or ohlc is used.\r
                 */\r
                ohlcType: 'enums(candlestick,ohlc)'\r
            },\r
            defaults: {\r
                raiseStyle: {\r
                    strokeStyle: 'green',\r
                    fillStyle: 'green'\r
                },\r
                dropStyle: {\r
                    strokeStyle: 'red',\r
                    fillStyle: 'red'\r
                },\r
                planar: false,\r
                barWidth: 15,\r
                padding: 3,\r
                lineJoin: 'miter',\r
                miterLimit: 5,\r
                ohlcType: 'candlestick'\r
            },\r
\r
            triggers: {\r
                raiseStyle: 'raiseStyle',\r
                dropStyle: 'dropStyle'\r
            },\r
\r
            updaters: {\r
                raiseStyle: function () {\r
                    this.raiseTemplate && this.raiseTemplate.setAttributes(this.attr.raiseStyle);\r
                },\r
                dropStyle: function () {\r
                    this.dropTemplate && this.dropTemplate.setAttributes(this.attr.dropStyle);\r
                }\r
            }\r
        }\r
    },\r
\r
    candlestick: function (ctx, open, high, low, close, mid, halfWidth) {\r
        var minOC = Math.min(open, close),\r
            maxOC = Math.max(open, close);\r
        ctx.moveTo(mid, low);\r
        ctx.lineTo(mid, maxOC);\r
\r
        ctx.moveTo(mid + halfWidth, maxOC);\r
        ctx.lineTo(mid + halfWidth, minOC);\r
        ctx.lineTo(mid - halfWidth, minOC);\r
        ctx.lineTo(mid - halfWidth, maxOC);\r
        ctx.closePath();\r
\r
        ctx.moveTo(mid, high);\r
        ctx.lineTo(mid, minOC);\r
    },\r
\r
    ohlc: function (ctx, open, high, low, close, mid, halfWidth) {\r
        ctx.moveTo(mid, high);\r
        ctx.lineTo(mid, low);\r
        ctx.moveTo(mid, open);\r
        ctx.lineTo(mid - halfWidth, open);\r
        ctx.moveTo(mid, close);\r
        ctx.lineTo(mid + halfWidth, close);\r
    },\r
\r
    constructor: function () {\r
        this.callParent(arguments);\r
        this.raiseTemplate = new Ext.draw.sprite.Rect({parent: this});\r
        this.dropTemplate = new Ext.draw.sprite.Rect({parent: this});\r
    },\r
\r
    getGapWidth: function () {\r
        var attr = this.attr,\r
            barWidth = attr.barWidth,\r
            padding = attr.padding;\r
        return barWidth + padding;\r
    },\r
\r
    renderAggregates: function (aggregates, start, end, surface, ctx, clip) {\r
        var me = this,\r
            attr = this.attr,\r
            dataX = attr.dataX,\r
            matrix = attr.matrix,\r
            xx = matrix.getXX(),\r
            yy = matrix.getYY(),\r
            dx = matrix.getDX(),\r
            dy = matrix.getDY(),\r
            barWidth = attr.barWidth / xx,\r
            template,\r
            ohlcType = attr.ohlcType,\r
            halfWidth = Math.round(barWidth * 0.5 * xx),\r
            opens = aggregates.open,\r
            closes = aggregates.close,\r
            maxYs = aggregates.maxY,\r
            minYs = aggregates.minY,\r
            startIdxs = aggregates.startIdx,\r
            open, high, low, close, mid,\r
            i,\r
            pixelAdjust = attr.lineWidth * surface.devicePixelRatio / 2;\r
\r
        pixelAdjust -= Math.floor(pixelAdjust);\r
        ctx.save();\r
        template = this.raiseTemplate;\r
        template.useAttributes(ctx, clip);\r
        ctx.beginPath();\r
        for (i = start; i < end; i++) {\r
            if (opens[i] <= closes[i]) {\r
                open = Math.round(opens[i] * yy + dy) + pixelAdjust;\r
                high = Math.round(maxYs[i] * yy + dy) + pixelAdjust;\r
                low = Math.round(minYs[i] * yy + dy) + pixelAdjust;\r
                close = Math.round(closes[i] * yy + dy) + pixelAdjust;\r
                mid = Math.round(dataX[startIdxs[i]] * xx + dx) + pixelAdjust;\r
                me[ohlcType](ctx, open, high, low, close, mid, halfWidth);\r
            }\r
        }\r
        ctx.fillStroke(template.attr);\r
        ctx.restore();\r
\r
        ctx.save();\r
        template = this.dropTemplate;\r
        template.useAttributes(ctx, clip);\r
        ctx.beginPath();\r
        for (i = start; i < end; i++) {\r
            if (opens[i] > closes[i]) {\r
                open = Math.round(opens[i] * yy + dy) + pixelAdjust;\r
                high = Math.round(maxYs[i] * yy + dy) + pixelAdjust;\r
                low = Math.round(minYs[i] * yy + dy) + pixelAdjust;\r
                close = Math.round(closes[i] * yy + dy) + pixelAdjust;\r
                mid = Math.round(dataX[startIdxs[i]] * xx + dx) + pixelAdjust;\r
                me[ohlcType](ctx, open, high, low, close, mid, halfWidth);\r
            }\r
        }\r
        ctx.fillStroke(template.attr);\r
        ctx.restore();\r
    }\r
});