/**
 * @class Ext.chart.axis.Numeric
 * @extend Ext.chart.axis.Axis
 * @alias axis.numeric
 * @alias axis.radial
 *
 * An axis to handle numeric values. This axis is used for quantitative data as
 * opposed to the category axis. You can set minimum and maximum values to the
 * axis so that the values are bound to that. If no values are set, then the
 * scale will auto-adjust to the values.
 *
*            @example packages=[extangular]
*            import { Component } from '@angular/core'
*            declare var Ext: any;
*
*            @Component({
*                selector: 'app-root-1',
*                styles: [`
*                        `],
*                template: `
*                        <cartesian downloadServerUrl ="http://svg.sencha.io" #item
*                        [width]="'800px'"
*                        [height]="'600px'"
*                            [store]="store"
*                            [series]="[{
*                                type: 'area',
*                                subStyle: {
*                                    fill: ['#0A3F50', '#30BDA7', '#96D4C6']
*                                },
*                                xField: 'name',
*                                yField: ['data1', 'data2', 'data3']
*                            }]"
*                            [axes]="[{
*                                type: 'numeric',
*                                position: 'left',
*                                minimum: 0,
*                                fields: ['data1', 'data2', 'data3'],
*                                title: 'Sample Values',
*                                grid: {
*                                    odd: {
*                                        opacity: 1,
*                                        fill: '#f2f2f2',
*                                        stroke: '#ddd'
*                                    }
*                                }
*                            }]"
*                        ></cartesian>
*                        `
*            })
*            export class AppComponent {
*                store = new Ext.data.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 }
*                    ]
*                })
*            }
 *
 * In this example we create an axis of Numeric type. We set a minimum value so that
 * even if all series have values greater than zero, the grid starts at zero. We bind
 * the axis onto the left part of the surface by setting _position_ to _left_.
 * We bind three different store fields to this axis by setting _fields_ to an array.
 * We set the title of the axis to _Number of Hits_ by using the _title_ property.
 * We use a _grid_ configuration to set odd background rows to a certain style and even rows
 * to be transparent/ignored.
 *
 */