add extjs 6.0.1 sources

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

Ext.define('KitchenSink.view.charts.column.MultiAxisController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.column-multi-axis',\r
\r
    onAxisRangeChange: function (axis, range) {\r
        var cAxis = axis.getChart().getAxis('celsius-axis');\r
\r
        if (cAxis) {\r
            cAxis.setMinimum((range[0] - 32) / 1.8);\r
            cAxis.setMaximum((range[1] - 32) / 1.8);\r
        }\r
    },\r
\r
    onAfterRender: function () {\r
        var chart = this.lookupReference('chart');\r
\r
        var highSeries = {\r
                type: 'bar',\r
                xField: 'month',\r
                yField: 'highF',\r
                yAxis: 'fahrenheit-axis',\r
                style: {\r
                    minGapWidth: 10,\r
                    strokeStyle: 'rgb(52, 52, 53)'\r
                },\r
                subStyle: {\r
                    fillStyle: 'url(#rainbow)'\r
                }\r
            },\r
            lowSeries = Ext.apply({}, {\r
                yField: ['lowF'],\r
                subStyle: {\r
                    fillStyle: 'none'\r
                }\r
            }, highSeries);\r
\r
        chart.setSeries([\r
            highSeries,\r
            lowSeries\r
        ]);\r
    }\r
\r
});