projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | Ext.define('KitchenSink.view.charts.area.BasicController', {\r |
| 2 | extend: 'Ext.app.ViewController',\r | |
| 3 | alias: 'controller.area-basic',\r | |
| 4 | \r | |
| 5 | onAxisLabelRender: function (axis, label, layoutContext) {\r | |
| 6 | // Custom renderer overrides the native axis label renderer.\r | |
| 7 | // Since we don't want to do anything fancy with the value\r | |
| 8 | // ourselves except appending a '%' sign, but at the same time\r | |
| 9 | // don't want to loose the formatting done by the native renderer,\r | |
| 10 | // we let the native renderer process the value first.\r | |
| 11 | var value = layoutContext.renderer(label);\r | |
| 12 | return value !== '0' ? (value / 1000 + ',000') : value;\r | |
| 13 | },\r | |
| 14 | \r | |
| 15 | onPreview: function () {\r | |
| 16 | var chart = this.lookupReference('chart');\r | |
| 17 | chart.preview();\r | |
| 18 | },\r | |
| 19 | \r | |
| 20 | getSeriesConfig: function (field, title) {\r | |
| 21 | return {\r | |
| 22 | type: 'area',\r | |
| 23 | title: title,\r | |
| 24 | xField: 'year',\r | |
| 25 | yField: field,\r | |
| 26 | style: {\r | |
| 27 | opacity: 0.60\r | |
| 28 | },\r | |
| 29 | marker: {\r | |
| 30 | opacity: 0,\r | |
| 31 | scaling: 0.01,\r | |
| 32 | fx: {\r | |
| 33 | duration: 200,\r | |
| 34 | easing: 'easeOut'\r | |
| 35 | }\r | |
| 36 | },\r | |
| 37 | highlightCfg: {\r | |
| 38 | opacity: 1,\r | |
| 39 | scaling: 1.5\r | |
| 40 | },\r | |
| 41 | tooltip: {\r | |
| 42 | trackMouse: true,\r | |
| 43 | renderer: function (tooltip, record, item) {\r | |
| 44 | tooltip.setHtml(title + ' (' + record.get('year') + '): ' + record.get(field));\r | |
| 45 | }\r | |
| 46 | }\r | |
| 47 | };\r | |
| 48 | },\r | |
| 49 | \r | |
| 50 | onAfterRender: function () {\r | |
| 51 | var me = this,\r | |
| 52 | chart = me.lookupReference('chart');\r | |
| 53 | \r | |
| 54 | chart.setSeries([\r | |
| 55 | me.getSeriesConfig('usa', 'USA'),\r | |
| 56 | me.getSeriesConfig('china', 'China'),\r | |
| 57 | me.getSeriesConfig('japan', 'Japan')\r | |
| 58 | ]);\r | |
| 59 | }\r | |
| 60 | \r | |
| 61 | }); |