ngx-admin/src/app/pages/dashboard/lineChart/lineChart.component.ts

import {Component, ViewEncapsulation} from 'angular2/core';

import {LineChartService} from './lineChart.service';
import {BaAmChart} from '../../../theme/components';

@Component({
  selector: 'line-chart',
  encapsulation: ViewEncapsulation.None,
  providers: [LineChartService],
  directives: [BaAmChart],
  styles: [require('./lineChart.scss')],
  template: require('./lineChart.html')
})
export class LineChart {

  chartData:Object;

  constructor(private _lineChartService:LineChartService) {
    this.chartData = this._lineChartService.getData();
  }

  initChart(chart:any) {
    let zoomChart = () => {
      chart.zoomToDates(new Date(2013, 3), new Date(2014, 0));
    };

    chart.addListener('rendered', zoomChart);
    zoomChart();

    if (chart.zoomChart) {
      chart.zoomChart();
    }
  }
}