add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / charts / line / ImageMarkersController.js

Ext.define('KitchenSink.view.charts.line.ImageMarkersController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.line-markers',\r
\r
    onRefresh: function () {\r
        var chart = this.lookupReference('chart'),\r
            store = chart.getStore();\r
\r
        store.refreshData();\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
    onPanZoomReset: function () {\r
        var chart = this.lookupReference('chart'),\r
            axes = chart.getAxes();\r
\r
        axes[0].setVisibleRange([0, 1]);\r
        axes[1].setVisibleRange([0, 1]);\r
        chart.redraw();\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
        var max = range[1];\r
        if (max >= 1000) {\r
            range[1] = max - max % 100 + 100;\r
        } else {\r
            range[1] = max - max % 50 + 50;\r
        }\r
    },\r
\r
    onAfterRender: function () {\r
        var chart = this.lookupReference('chart'),\r
            toolbar = this.lookupReference('toolbar'),\r
            panzoom = chart.getInteractions()[0];\r
\r
        toolbar.add(panzoom.getModeToggleButton());\r
    }\r
\r
});