fix(charts): Expose chart object

[anthony-pinskey]

• Add exportAs directive decorator property
• Update chart and ctx properties to public

[FollonSaxBass]

I cant understand how to have the reference to che object using this commit, can you share the code to get the reference in my component? Now my reference isnt working.

chart.components.ts:

import {
    Component, OnInit, Input, Injector, ViewChild
} from '@angular/core';
import {DataService, User, Oggetto, Colonna, Valore} from "../../data.service";
import 'rxjs/Rx';

@Component({
    selector: 'chart',
    templateUrl: './app/plot/chart/chart.component.html'
})

export class ChartComponent implements OnInit {
    @ViewChild("baseChart") chartComp;
    colonne: Colonna[] = []
    rangeValues: number[] = [0, 1];
    chartMin = 0
    chartMax = 1
    // @Input()
    selectedUser: User;
    // @Input()
    selectedObject: Oggetto;
........
.......
.....
}

chart.component.html:

<div class="panel panel-default col-lg-8">
    <div class="panel-body">
        <div class="row">
            <div class="col-md-11">
                <div style="display: block;">
                    <canvas baseChart
                            [datasets]="lineChartData"
                            [labels]="lineChartLabels"
                            [options]="lineChartOptions"
                            [colors]="lineChartColors"
                            [legend]="lineChartLegend"
                            [chartType]="lineChartType"
                            (chartHover)="chartHovered($event)"
                            (chartClick)="chartClicked($event)"></canvas>
                </div>
            </div>

        </div>
        <div>
            <div>
                <p-slider [(ngModel)]="rangeValues" [range]="true" [min]="chartMin" [max]="chartMax"
                          (onSlideEnd)="onSlideEnd($event)"></p-slider>
            </div>
            <div><h4 style="float: left;">Range: {{lineChartLabelsTotal[rangeValues[0]]}}</h4><h4 style="float: right;">
                {{lineChartLabelsTotal[rangeValues[1]]}}</h4></div>
        </div>
    </div>
</div>