    /** * @class Ext.chart.series.Area * @extends Ext.chart.series.StackedCartesian * * Creates an Area Chart. *  *     @example *     Ext.create({ *        xtype: 'cartesian',  *        renderTo: document.body, *        width: 600, *        height: 400, *        insetPadding: 40, *        store: { *            fields: ['name', 'data1', 'data2', 'data3'], *            data: [{ *                name: 'metric one', *                data1: 10, *                data2: 12, *                data3: 14 *            }, { *                name: 'metric two', *                data1: 7, *                data2: 8, *                data3: 16 *            }, { *                name: 'metric three', *                data1: 5, *                data2: 2, *                data3: 14 *            }, { *                name: 'metric four', *                data1: 2, *                data2: 14, *                data3: 6 *            }, { *                name: 'metric five', *                data1: 27, *                data2: 38, *                data3: 36 *            }] *        }, *        axes: [{ *            type: 'numeric', *            position: 'left', *            fields: ['data1'], *            grid: true, *            minimum: 0 *        }, { *            type: 'category', *            position: 'bottom', *            fields: ['name'] *        }], *        series: { *            type: 'area', *            subStyle: { *                fill: ['#0A3F50', '#30BDA7', '#96D4C6'] *            }, *            xField: 'name', *            yField: ['data1', 'data2', 'data3'] *        } *     }); */Ext.define('Ext.chart.series.Area', {     extend: 'Ext.chart.series.StackedCartesian',     alias: 'series.area',    type: 'area',    seriesType: 'areaSeries',     requires: ['Ext.chart.series.sprite.Area'],     config: {        /**         * @inheritdoc         * @cfg {Boolean} [splitStacks=false]         */        splitStacks: false         /**         * @inheritdoc         * Area series renderers only affect markers.         * For styling individual segments with a renderer it is possible to use         * the Line series with {@link Ext.chart.series.Line#fill} config set to `true`,         * which makes Line series look like Area series.         * @cfg {Function} renderer          */    }});