import { Component, OnInit, OnDestroy ,Input} from '@angular/core';
import {Http} from '@angular/http';
import 'rxjs/Rx';
import {Observable} from 'rxjs/Rx';

@Component({
    selector: 'cm-age-doc-1',
    templateUrl: './cm-age-doc-1.component.html',
    styleUrls: ['./cm-age-doc-1.component.css']
})

export class CosmosAgeDoc1Component implements OnInit, OnDestroy {
    data: any[] = [];

    constructor() {
    
    }

    ngOnInit() {
        this.data = [
            {
                sort: 'child',
                label: '< 19岁',
                url: './../../../../../../assets/images/icon-age/age1.svg',
                value: 0.13
            },
            {
                sort: 'juvenile',
                label: '19-25岁',
                url: './../../../../../../assets/images/icon-age/age2.svg',
                value: 0.24
            },
            {
                sort: 'callant',
                label: '26-35岁',
                url: './../../../../../../assets/images/icon-age/age3.svg',
                value: 0.34
            },
            {
                sort: 'young',
                label: '36-45岁',
                url: './../../../../../../assets/images/icon-age/age4.svg',
                value: 0.14
            },
            {
                sort: 'man',
                label: '46-55岁',
                url: './../../../../../../assets/images/icon-age/age5.svg',
                value: 0.12
            },
            {
                sort: 'old',
                label: '> 55岁',
                url: './../../../../../../assets/images/icon-age/age6.svg',
                value: 0.08
            },
            {
                sort: 'unknown',
                label: '未知',
                color: ['#a7b0be', '#9EA7B4'],
                value: 0.16
            }
        ];
    }

    ngOnDestroy() {

    }
}