add extjs 6.0.1 sources

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

Ext.define('KitchenSink.view.charts.column.StackedController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.column-stacked',\r
\r
    onPreview: function() {\r
        var chart = this.lookupReference('chart');\r
\r
        chart.preview();\r
    },\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
    },\r
\r
    onStackGroupToggle: function (segmentedButton, button, pressed) {\r
        var chart = this.lookupReference('chart'),\r
            series = chart.getSeries()[0],\r
            value = segmentedButton.getValue();\r
\r
        series.setStacked(value === 0);\r
        chart.redraw();\r
    },\r
\r
    // The 'target' here is an object that contains information\r
    // about the target value when the drag operation on the column ends.\r
    onEditTipRender: function (tooltip, item, target, e) {\r
        var fieldIndex = Ext.Array.indexOf(item.series.getYField(), target.yField),\r
            browser = item.series.getTitle()[fieldIndex];\r
\r
        tooltip.setHtml(\r
            browser + ' on ' + item.record.get('month') + ': ' +\r
            target.yValue.toFixed(1) + '%');\r
    },\r
\r
    onBarTipRender: function (tooltip, record, item) {\r
        var fieldIndex = Ext.Array.indexOf(item.series.getYField(), item.field),\r
            browser = item.series.getTitle()[fieldIndex];\r
\r
        tooltip.setHtml(browser + ' on ' +\r
            record.get('month') + ': ' +\r
            record.get(item.field).toFixed(1) + '%');\r
    },\r
\r
    onGridMonthRender: function (value) {\r
        return value;\r
    },\r
\r
    onGridValueRender: function (value) {\r
        return value + '%';\r
    },\r
\r
    onAxisLabelRender: function (axis, label, layoutContext) {\r
        return label.toFixed(label < 10 ? 1: 0) + '%';\r
    }\r
\r
});