add extjs 6.0.1 sources

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

/**\r
 * @class Ext.chart.series.sprite.Bar3D\r
 * @extends Ext.chart.series.sprite.Bar\r
 *\r
 * Draws a sprite used in {@link Ext.chart.series.Bar3D} series.\r
 */\r
Ext.define('Ext.chart.series.sprite.Bar3D', {\r
    extend: 'Ext.chart.series.sprite.Bar',\r
    alias: 'sprite.bar3dSeries',\r
\r
    requires: ['Ext.draw.gradient.Linear'],\r
\r
    inheritableStatics: {\r
        def: {\r
            processors: {\r
                depthWidthRatio: 'number',\r
                /**\r
                 * @cfg {Number} [saturationFactor=1]\r
                 * The factor applied to the saturation of the bars.\r
                 */\r
                saturationFactor: 'number',\r
                /**\r
                 * @cfg {Number} [brightnessFactor=1]\r
                 * The factor applied to the brightness of the bars.\r
                 */\r
                brightnessFactor: 'number',\r
                /**\r
                 * @cfg {Number} [colorSpread=1]\r
                 * An attribute used to control how flat the bar gradient looks.\r
                 * A value of 0 essentially means no gradient (flat color).\r
                 */\r
                colorSpread: 'number'\r
            },\r
\r
            defaults: {\r
                depthWidthRatio: 1/3,\r
                saturationFactor: 1,\r
                brightnessFactor: 1,\r
                colorSpread: 1,\r
                transformFillStroke: true\r
            },\r
\r
            triggers: {\r
                groupCount: 'panzoom'\r
            },\r
\r
            updaters: {\r
                panzoom: function (attr) {\r
                    var me = this,\r
                        dx = attr.visibleMaxX - attr.visibleMinX,\r
                        dy = attr.visibleMaxY - attr.visibleMinY,\r
                        innerWidth = attr.flipXY ? attr.innerHeight : attr.innerWidth,\r
                        innerHeight = !attr.flipXY ? attr.innerHeight : attr.innerWidth,\r
                        surface = me.getSurface(),\r
                        isRtl = surface ? surface.getInherited().rtl : false;\r
\r
                    if (isRtl && !attr.flipXY) {\r
                        attr.translationX = innerWidth + attr.visibleMinX * innerWidth / dx;\r
                    } else {\r
                        attr.translationX = -attr.visibleMinX * innerWidth / dx;\r
                    }\r
                    attr.translationY = -attr.visibleMinY * (innerHeight - me.depth) / dy;\r
                    attr.scalingX = (isRtl && !attr.flipXY ? -1 : 1) * innerWidth / dx;\r
                    attr.scalingY = (innerHeight - me.depth) / dy;\r
                    attr.scalingCenterX = 0;\r
                    attr.scalingCenterY = 0;\r
                    me.applyTransformations(true);\r
                }\r
            }\r
        }\r
    },\r
\r
    config: {\r
        showStroke: false\r
    },\r
\r
    depth: 0,\r
\r
    drawBar: function (ctx, surface, clip, left, top, right, bottom, index) {\r
        var me = this,\r
            attr = me.attr,\r
            itemCfg = {},\r
            renderer = attr.renderer,\r
            changes, depth, series, params;\r
\r
        itemCfg.x = (left + right) * 0.5;\r
        itemCfg.y = top;\r
        itemCfg.width = (right - left) * 0.75;\r
        itemCfg.height = bottom - top;\r
        itemCfg.depth = depth = itemCfg.width * attr.depthWidthRatio;\r
        itemCfg.orientation = attr.flipXY ? 'horizontal' : 'vertical';\r
        itemCfg.saturationFactor = attr.saturationFactor;\r
        itemCfg.brightnessFactor = attr.brightnessFactor;\r
        itemCfg.colorSpread = attr.colorSpread;\r
\r
        if (depth !== me.depth) {\r
            me.depth = depth;\r
            series = me.getSeries();\r
            series.fireEvent('depthchange', series, depth);\r
        }\r
\r
        if (renderer) {\r
            params = [me, itemCfg, {store: me.getStore()}, index];\r
            changes = Ext.callback(renderer, null, params, 0, me.getSeries());\r
            Ext.apply(itemCfg, changes);\r
        }\r
        me.putMarker('items', itemCfg, index, !renderer);\r
    }\r
\r
});\r