add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / charts / financial / CandlestickController.js

Ext.define('KitchenSink.view.charts.financial.CandlestickController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.financial-candlestick',\r
\r
    onRefresh: function () {\r
        var chart = this.lookupReference('chart'),\r
            store = chart.getStore();\r
\r
        store.refreshData();\r
    },\r
\r
    onModeToggle: function (segmentedButton, button, pressed) {\r
        var chart = this.lookupReference('chart'),\r
            interactions = chart.getInteractions(),\r
            panzoom = interactions[0],\r
            crosshair = interactions[1],\r
            value = segmentedButton.getValue(),\r
            isCrosshair = value === 0;\r
\r
        crosshair.setEnabled(isCrosshair);\r
        panzoom.setEnabled(!isCrosshair);\r
        panzoom.setZoomOnPanGesture(value === 2);\r
    },\r
\r
    onPanZoomReset: function () {\r
        var chart = this.lookupReference('chart'),\r
            axes = chart.getAxes();\r
\r
        axes[0].setVisibleRange([0, 1]);\r
        axes[1].setVisibleRange([0, 0.3]);\r
\r
        chart.redraw();\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
    onAfterRender: function () {\r
        this.onRefresh();\r
    }\r
\r
});