/**
 * @class Ext.chart.series.BoxPlot
 * @extend Ext.chart.series.Cartesian
 * @alias series.boxplot
 *
 * A box plot chart is a useful tool for visualizing data distribution within data-sets.
 * For example, salary ranges for a set of occupations, or life expectancy for a set
 * of countries. A single box with whiskers displays the following values for a data-set:
 *
 * * minimum
 * * lower quartile (Q1)
 * * median (Q2)
 * * higher quartile (Q3)
 * * maximum
 *
 * For example:
 *
*            @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]="cartesianSeries"
*                        [axes]="cartesianAxes"
*                        ></cartesian>
*                        `
*            })
*            export class AppComponent {
*                store = new Ext.data.Store({
*                        fields: ['name', 'data1', 'data2', 'data3'],
*                        data: [
*                            {
*                                category: 'Engineer IV',
*                                low: 110, q1: 130, median: 175, q3: 200, high: 225
*                            }, {
*                                category: 'Market',
*                                low: 75, q1: 125, median: 210, q3: 230, high: 255
*                            }
*                        ]
*                })
*
*                cartesianSeries = [{
*                    type: 'boxplot',
*                    xField: 'category'
*                    }];
*
*                cartesianAxes =[{
*                    type: 'category',
*                    position: 'bottom'
*                },{
*                    type: 'numeric',
*                    position: 'left',
*                    renderer: function (axis, text) {
*                        return '$' + text + ' K'
*                    }
*                }];
*            }
 *
 */
 
/**
 * @cfg {String} [lowField='low']
 * The name of the store record field that represents the smallest value of a dataset.
 * @accessor
 */
 
/**
 * @cfg {String} [q1Field='q1']
 * The name of the store record field that represents the lower (1-st) quartile
 * value of a dataset.
 * @accessor
 */
 
/**
 * @cfg {String} [medianField='median']
 * The name of the store record field that represents the median of a dataset.
 * @accessor
 */
 
/**
 * @cfg {String} [q3Field='q3']
 * The name of the store record field that represents the upper (3-rd) quartile
 * value of a dataset.
 * @accessor
 */
 
/**
 * @cfg {String} [highField='high']
 * The name of the store record field that represents the largest value of a dataset.
 * @accessor
 */