projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * @class Ext.chart.series.Area\r | |
| 3 | * @extends Ext.chart.series.StackedCartesian\r | |
| 4 | *\r | |
| 5 | * Creates an Area Chart.\r | |
| 6 | * \r | |
| 7 | * @example\r | |
| 8 | * Ext.create({\r | |
| 9 | * xtype: 'cartesian', \r | |
| 10 | * renderTo: document.body,\r | |
| 11 | * width: 600,\r | |
| 12 | * height: 400,\r | |
| 13 | * insetPadding: 40,\r | |
| 14 | * store: {\r | |
| 15 | * fields: ['name', 'data1', 'data2', 'data3'],\r | |
| 16 | * data: [{\r | |
| 17 | * name: 'metric one',\r | |
| 18 | * data1: 10,\r | |
| 19 | * data2: 12,\r | |
| 20 | * data3: 14\r | |
| 21 | * }, {\r | |
| 22 | * name: 'metric two',\r | |
| 23 | * data1: 7,\r | |
| 24 | * data2: 8,\r | |
| 25 | * data3: 16\r | |
| 26 | * }, {\r | |
| 27 | * name: 'metric three',\r | |
| 28 | * data1: 5,\r | |
| 29 | * data2: 2,\r | |
| 30 | * data3: 14\r | |
| 31 | * }, {\r | |
| 32 | * name: 'metric four',\r | |
| 33 | * data1: 2,\r | |
| 34 | * data2: 14,\r | |
| 35 | * data3: 6\r | |
| 36 | * }, {\r | |
| 37 | * name: 'metric five',\r | |
| 38 | * data1: 27,\r | |
| 39 | * data2: 38,\r | |
| 40 | * data3: 36\r | |
| 41 | * }]\r | |
| 42 | * },\r | |
| 43 | * axes: [{\r | |
| 44 | * type: 'numeric',\r | |
| 45 | * position: 'left',\r | |
| 46 | * fields: ['data1'],\r | |
| 47 | * grid: true,\r | |
| 48 | * minimum: 0\r | |
| 49 | * }, {\r | |
| 50 | * type: 'category',\r | |
| 51 | * position: 'bottom',\r | |
| 52 | * fields: ['name']\r | |
| 53 | * }],\r | |
| 54 | * series: {\r | |
| 55 | * type: 'area',\r | |
| 56 | * subStyle: {\r | |
| 57 | * fill: ['#0A3F50', '#30BDA7', '#96D4C6']\r | |
| 58 | * },\r | |
| 59 | * xField: 'name',\r | |
| 60 | * yField: ['data1', 'data2', 'data3']\r | |
| 61 | * }\r | |
| 62 | * });\r | |
| 63 | */\r | |
| 64 | Ext.define('Ext.chart.series.Area', {\r | |
| 65 | \r | |
| 66 | extend: 'Ext.chart.series.StackedCartesian',\r | |
| 67 | \r | |
| 68 | alias: 'series.area',\r | |
| 69 | type: 'area',\r | |
| 70 | seriesType: 'areaSeries',\r | |
| 71 | \r | |
| 72 | requires: ['Ext.chart.series.sprite.Area'],\r | |
| 73 | \r | |
| 74 | config: {\r | |
| 75 | /**\r | |
| 76 | * @inheritdoc\r | |
| 77 | * @cfg {Boolean} [splitStacks=false]\r | |
| 78 | */\r | |
| 79 | splitStacks: false\r | |
| 80 | }\r | |
| 81 | });\r |