add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / charts / column3d / Negative.js

/**\r
 * A 3D column chart with negative values.\r
 * Tapping or hovering a column will highlight it.\r
 */\r
Ext.define('KitchenSink.view.charts.column3d.Negative', {\r
    extend: 'Ext.Panel',\r
    xtype: 'column-negative-3d',\r
    requires: ['Ext.chart.theme.Muted'],\r
    controller: 'column-negative-3d',\r
    // <example>\r
    // Content between example tags is omitted from code preview.\r
    otherContent: [{\r
        type: 'Controller',\r
        path: 'classic/samples/view/charts/column3d/NegativeController.js'\r
    }, {\r
        type: 'Store',\r
        path: 'classic/samples/store/Earnings.js'\r
    }],\r
    bodyStyle: 'background: transparent !important',\r
    layout: 'fit',\r
    // </example>\r
\r
    width: 650,\r
    height: 500,\r
\r
    tbar: [\r
        '->',\r
        {\r
            text: Ext.os.is.Desktop ? 'Download' : 'Preview',\r
            handler: 'onDownload'\r
        }\r
    ],\r
\r
    items: {\r
        xtype: 'cartesian',\r
        reference: 'chart',\r
        theme: 'muted',\r
        store: {\r
            type: 'earnings'\r
        },\r
        insetPadding: '40 40 40 20',\r
        innerPadding: '0 3 0 0',\r
        interactions: ['itemhighlight'],\r
        animation: Ext.isIE8 ? false : {\r
            easing: 'backOut',\r
            duration: 500\r
        },\r
        axes: [{\r
            type: 'numeric3d',\r
            position: 'left',\r
            fields: 'gaming',\r
            grid: {\r
                odd: {\r
                    fillStyle: 'rgba(255, 255, 255, 0.06)'\r
                },\r
                even: {\r
                    fillStyle: 'rgba(0, 0, 0, 0.05)'\r
                }\r
            }\r
        }, {\r
            type: 'category3d',\r
            position: 'bottom',\r
            fields: 'quarter',\r
            grid: true,\r
            label: {\r
                rotate: {\r
                    degrees: -45\r
                }\r
            }\r
        }],\r
        series: [{\r
            type: 'bar3d',\r
            xField: 'quarter',\r
            yField: 'gaming',\r
            highlight: true,\r
            renderer: 'onSeriesRender'\r
        }],\r
        sprites: [{\r
            type: 'text',\r
            text: 'Profits and Losses',\r
            fontSize: 22,\r
            width: 100,\r
            height: 30,\r
            x: 40, // the sprite x position\r
            y: 20  // the sprite y position\r
        }]\r
    }\r
\r
});