#### Installation

------------
`npm i @varmasagi/highcharts-defaults`

###### Dependencies
`npm i immutable`


#### Usage

------------
    
    export class ExampleChartConfig extends ICSHighChartDefaults {
      constructor() {
        super();
      }
    }
    
    export class AppComponent {
      public chartConfig: ExampleChartConfig = new ExampleChartConfig();
      ...
      ...
    
      private options(data: any): void {
        this.chartConfig.series = [
          ...
        ];
        let options = this.chartConfig.toPlainObject();
        Highcharts.chart('container', options);
    
      }
    }

#### Examples:

------------

###### Grouped Column Chart 
![](https://s3-us-west-2.amazonaws.com/cdn.leadics.com/highcharts/grouped-column-chart.PNG)

    
    import {ICSGroupedColumnChart} from '@varmasagi/highcharts-defaults';
    
    export class AppChart extends ICSGroupedColumnChart {
      constructor() {
        super();
      }
    
    }
    
    export class AppComponent {
    
      public options: AppChart = new AppChart();
    
    
      private hcOptions() {
        this.options.yAxis.title.text = 'Total Fruit Consumption';
        this.options.xAxis.categories = ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'];
        this.options.series = [{
          name: 'John',
          data: [5, 3, 4, 7, 2]
        }, {
          name: 'Jane',
          data: [2, 2, 3, 2, 1]
        }, {
          name: 'Joe',
          data: [3, 4, 4, 2, 5]
        }];
    
        const options = this.options.toPlainObject();
        Highcharts.chart('container', options);
    
      }
    }