projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 947f0963 TL |
1 | /** |
| 2 | * @class Ext.chart.series.Area | |
| 3 | * @extends Ext.chart.series.StackedCartesian | |
| 4 | * | |
| 5 | * Creates an Area Chart. | |
| 6 | * | |
| 7 | * @example | |
| 8 | * Ext.create({ | |
| 9 | * xtype: 'cartesian', | |
| 10 | * renderTo: document.body, | |
| 11 | * width: 600, | |
| 12 | * height: 400, | |
| 13 | * insetPadding: 40, | |
| 14 | * store: { | |
| 15 | * fields: ['name', 'data1', 'data2', 'data3'], | |
| 16 | * data: [{ | |
| 17 | * name: 'metric one', | |
| 18 | * data1: 10, | |
| 19 | * data2: 12, | |
| 20 | * data3: 14 | |
| 21 | * }, { | |
| 22 | * name: 'metric two', | |
| 23 | * data1: 7, | |
| 24 | * data2: 8, | |
| 25 | * data3: 16 | |
| 26 | * }, { | |
| 27 | * name: 'metric three', | |
| 28 | * data1: 5, | |
| 29 | * data2: 2, | |
| 30 | * data3: 14 | |
| 31 | * }, { | |
| 32 | * name: 'metric four', | |
| 33 | * data1: 2, | |
| 34 | * data2: 14, | |
| 35 | * data3: 6 | |
| 36 | * }, { | |
| 37 | * name: 'metric five', | |
| 38 | * data1: 27, | |
| 39 | * data2: 38, | |
| 40 | * data3: 36 | |
| 41 | * }] | |
| 42 | * }, | |
| 43 | * axes: [{ | |
| 44 | * type: 'numeric', | |
| 45 | * position: 'left', | |
| 46 | * fields: ['data1'], | |
| 47 | * grid: true, | |
| 48 | * minimum: 0 | |
| 49 | * }, { | |
| 50 | * type: 'category', | |
| 51 | * position: 'bottom', | |
| 52 | * fields: ['name'] | |
| 53 | * }], | |
| 54 | * series: { | |
| 55 | * type: 'area', | |
| 56 | * subStyle: { | |
| 57 | * fill: ['#0A3F50', '#30BDA7', '#96D4C6'] | |
| 58 | * }, | |
| 59 | * xField: 'name', | |
| 60 | * yField: ['data1', 'data2', 'data3'] | |
| 61 | * } | |
| 62 | * }); | |
| 63 | */ | |
| 64 | Ext.define('Ext.chart.series.Area', { | |
| 65 | extend: 'Ext.chart.series.StackedCartesian', | |
| 66 | alias: 'series.area', | |
| 67 | type: 'area', | |
| 68 | ||
| 69 | /** | |
| 70 | * @property seriesType | |
| 71 | * @inheritdoc | |
| 72 | */ | |
| 73 | seriesType: 'areaSeries', | |
| 74 | ||
| 75 | isArea: true, | |
| 76 | ||
| 77 | requires: ['Ext.chart.series.sprite.Area'], | |
| 78 | ||
| 79 | config: { | |
| 80 | /** | |
| 81 | * @cfg splitStacks | |
| 82 | * @inheritdoc | |
| 83 | */ | |
| 84 | splitStacks: false | |
| 85 | ||
| 86 | /** | |
| 87 | * @cfg renderer | |
| 88 | * @inheritdoc | |
| 89 | * Area series renderers only affect markers. | |
| 90 | * For styling individual segments with a renderer it is possible to use | |
| 91 | * the Line series with {@link Ext.chart.series.Line#fill} config set to `true`, | |
| 92 | * which makes Line series look like Area series. | |
| 93 | */ | |
| 94 | } | |
| 95 | }); |