import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute } from "@angular/router";
import { Http } from '@angular/http';
import { CommonService } from '../../shared/common.service';


@Component({
    selector: 'chart-description',
    template: `<h3>About the graph</h3> 
                <div>{{description}}</div>
              `
})

export class ChartDescriptionComponent implements OnInit {

    description: string;

    constructor(private route: ActivatedRoute,
        private commonService: CommonService) {
    }

    ngOnInit() {
        this.route.params.subscribe((params) => {
            this.description = this.commonService.getChartDescription(params['chartType']);
        });

    }
}