import {ICSHighChartDefaults} from './defaults';

export class ICSGroupedColumnChart extends ICSHighChartDefaults {
  constructor() {
    super();
    this.chart.type = 'column';
    this.legend = this.legendOptions();
    this.yAxis = this.yAxisOptions();
    this.xAxis = this.xAxisOptions();
    this.plotOptions.column.groupPadding = 0.2;
    this.plotOptions.column.pointPadding = 0.1;
    this.plotOptions.column.pointWidth = null;
  }

  private legendOptions(): any {
    const legend = this.legend;
    legend.align = 'right';
    legend.x = -30;
    legend.verticalAlign = 'top';
    legend.floating = true;
    legend.backgroundColor = 'white';
    legend.borderColor = '#CCC';
    legend.borderWidth = 1;
    legend.shadow = false;
    return legend;

  }

  private xAxisOptions(): any {
    const axis = this.xAxis;
    axis.tickLength = 15;
    axis.lineColor = '#ccd6eb';
    return axis;
  }

  private yAxisOptions(): any {
    const axis = this.yAxis;
    axis.gridLineWidth = 1;
    return axis;

  }
}