add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / charts / pie / Pie3DController.js

Ext.define('KitchenSink.view.charts.pie.Pie3DController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.pie-3d',\r
\r
    onSeriesTooltipRender: function (tooltip, record, item) {\r
        tooltip.setHtml(record.get('os') + ': ' + record.get('data1') + '%');\r
    },\r
\r
    onStyleToggle: function (segmentedButton, button, pressed) {\r
        var value = segmentedButton.getValue();\r
\r
        this.setPieStyle({\r
            opacity: value === 0 ? 1 : 0.8\r
        });\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
        chart.redraw();\r
    },\r
\r
    onThicknessChange: function (slider, value) {\r
        var chart = this.lookupReference('chart'),\r
            series = chart.getSeries()[0];\r
\r
        series.setThickness(value);\r
        chart.redraw();\r
    },\r
\r
    onDistortionChange: function (slider, value) {\r
        var chart = this.lookupReference('chart'),\r
            series = chart.getSeries()[0];\r
\r
        series.setDistortion(value / 100);\r
        chart.redraw();\r
    },\r
\r
    onBevelChange: function (slider, value) {\r
        this.setPieStyle({\r
            bevelWidth: value\r
        });\r
    },\r
\r
    onDonutChange: function (slider, value) {\r
        var chart = this.lookupReference('chart'),\r
            series = chart.getSeries()[0];\r
\r
        series.setDonut(value);\r
        chart.redraw();\r
    },\r
\r
    onColorSpreadChange: function (slider, value) {\r
        this.setPieStyle({\r
            colorSpread: value\r
        });\r
    },\r
\r
    setPieStyle: 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
});