add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / classic / samples / view / charts / column3d / StackedController.js

Ext.define('KitchenSink.view.charts.column3d.StackedController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.column-stacked-3d',\r
\r
    onThemeSwitch: function () {\r
        var chart = this.lookupReference('chart'),\r
            currentThemeClass = Ext.getClassName(chart.getTheme()),\r
            themes = Ext.chart.theme,\r
            themeNames = [],\r
            currentIndex = 0,\r
            name;\r
\r
        for (name in themes) {\r
            if (Ext.getClassName(themes[name]) === currentThemeClass) {\r
                currentIndex = themeNames.length;\r
            }\r
            if (name !== 'Base' && name.indexOf('Gradients') < 0) {\r
                themeNames.push(name);\r
            }\r
        }\r
        chart.setTheme(themes[themeNames[++currentIndex % themeNames.length]]);\r
        chart.redraw();\r
    },\r
\r
    onStackedToggle: function (segmentedButton, button, pressed) {\r
        var chart = this.lookupReference('chart'),\r
            series = chart.getSeries()[0],\r
            value = segmentedButton.getValue();\r
        series.setStacked(value === 0);\r
        chart.redraw();\r
    },\r
\r
    onSaturationChange: function (slider, value) {\r
        this.setBarStyle({\r
            saturationFactor: value\r
        });\r
    },\r
\r
    onBrightnessChange: function (slider, value) {\r
        this.setBarStyle({\r
            brightnessFactor: value\r
        });\r
    },\r
\r
    onColorSpreadChange: function (slider, value) {\r
        this.setBarStyle({\r
            colorSpread: value\r
        });\r
    },\r
\r
    setBarStyle: function (style) {\r
        var chart = this.lookupReference('chart'),\r
            series = chart.getSeries()[0];\r
\r
        series.setStyle(style);\r
        chart.redraw();\r
    },\r
\r
    onSliderDragStart: function () {\r
        var chart = this.lookupReference('chart');\r
        chart.suspendAnimation();\r
    },\r
\r
    onSliderDragEnd: function () {\r
        var chart = this.lookupReference('chart');\r
        chart.resumeAnimation();\r
    },\r
\r
    onTooltipRender: function (tooltip, record, item) {\r
        var formatString = '0,000 (millions of USD)',\r
            fieldIndex = Ext.Array.indexOf(item.series.getYField(), item.field),\r
            sector = item.series.getTitle()[fieldIndex],\r
            value = Ext.util.Format.number(record.get(item.field), formatString);\r
\r
        tooltip.setHtml(sector + ': ' + value);\r
    },\r
\r
    onAxisLabelRender: function (axis, label, layoutContext) {\r
        return Ext.util.Format.number(layoutContext.renderer(label) / 1000, '0,000');\r
    },\r
\r
    onAxisRangeChange: function (axis, range) {\r
        if (!range) {\r
            return;\r
        }\r
        // expand the range slightly to make sure markers aren't clipped\r
        if (range[1] > 15000000) {\r
            range[1] = 18000000;\r
        }\r
    }\r
\r
});