How to use ng2-charts - 10 common examples

var DashboardModule = (function () {
    function DashboardModule() {
    }
    DashboardModule = __decorate([
        core_1.NgModule({
            imports: [
                common_1.CommonModule,
                forms_1.FormsModule,
                http_1.HttpModule,
                ng2_charts_1.ChartsModule,
                angular2_google_maps_1.AgmCoreModule.forRoot({
                    apiKey: new app_config_1.AppConfig().googleMapApiKey
                }),
                angular2_notifications_1.SimpleNotificationsModule,
                dashboard_routing_module_1.DashboardRoutingModule
            ],
            declarations: [
                header_component_1.HeaderComponent, sidebar_component_1.SidebarComponent, right_sidebar_component_1.RightSidebarComponent, footer_component_1.FooterComponent, dashboard_component_1.DashBoardComponent, home_component_1.HomeComponent,
                widget_component_1.WidgetComponent, form_editors_component_1.FormEditorsComponent, form_advanced_component_1.FormAdvancedComponent, form_general_component_1.FormGeneralComponent, mailbox_component_1.MailBoxComponent, compose_mail_component_1.ComposeMailComponent,
                read_mail_component_1.ReadMailComponent, inbox_component_1.InboxComponent, ng2_chart_component_1.Ng2ChartComponent, notification_component_1.SimpleNotificationComponent, google_map_component_1.GoogleMapComponent
            ],
            providers: [api_service_1.ApiService]
        }), 
        __metadata('design:paramtypes', [])
    ], DashboardModule);
    return DashboardModule;

project_list_component_1.ProjectListComponent,
                        project_view_component_1.ProjectViewComponent,
                        not_found_component_1.NotFoundComponent,
                        task_view_component_1.TaskViewComponent,
                        task_options_component_1.TaskOptionsComponent,
                        project_task_item_component_1.ProjectTaskItemComponent,
                        timestampFormat_1.TimestampFormat
                    ],
                    imports: [
                        app_routes_1.routing,
                        platform_browser_1.BrowserModule,
                        forms_1.FormsModule,
                        forms_1.ReactiveFormsModule,
                        http_1.HttpModule,
                        router_1.RouterModule,
                        ng2_charts_1.ChartsModule
                    ],
                    bootstrap: [
                        app_main_component_1.AppMainComponent
                    ],
                    providers: [
                        GlobalService_1.GlobalService,
                        JobService_1.JobService,
                        TaskService_1.TaskService,
                        ProjectService_1.ProjectService
                    ]
                },] },
    ];
    /** @nocollapse */
    AppModule.ctorParameters = [];
    return AppModule;
}());

var AppModule = (function () {
    function AppModule() {
    }
    AppModule = __decorate([
        core_1.NgModule({
            imports: [
                platform_browser_1.BrowserModule,
                app_routing_1.routing,
                ng2_bootstrap_1.Ng2BootstrapModule,
                ng2_charts_1.ChartsModule
            ],
            declarations: [
                app_component_1.AppComponent,
                full_layout_component_1.FullLayoutComponent,
                simple_layout_component_1.SimpleLayoutComponent,
                dashboard_component_1.DashboardComponent,
                buttons_component_1.ButtonsComponent,
                cards_component_1.CardsComponent,
                forms_component_1.FormsComponent,
                social_buttons_component_1.SocialButtonsComponent,
                switches_component_1.SwitchesComponent,
                tables_component_1.TablesComponent,
                font_awesome_component_1.FontAwesomeComponent,
                simple_line_icons_component_1.SimpleLineIconsComponent,
                widgets_component_1.WidgetsComponent,
                charts_component_1.ChartsComponent,

constructor(p0:any) {
    this.changed = false;
    this.changes = {};
    this.context = new import1.BaseChartDirective(p0);
    this._expr_0 = import3.UNINITIALIZED;
    this._expr_1 = import3.UNINITIALIZED;
    this._expr_2 = import3.UNINITIALIZED;
    this._expr_3 = import3.UNINITIALIZED;
    this._expr_4 = import3.UNINITIALIZED;
    this._expr_5 = import3.UNINITIALIZED;
    this._expr_6 = import3.UNINITIALIZED;
  }
  check_data(currValue:any,throwOnChange:boolean,forceUpdate:boolean):void {

function Wrapper_BaseChartDirective(p0) {
        this.changed = false;
        this.changes = {};
        this.context = new import1.BaseChartDirective(p0);
        this._expr_0 = import3.UNINITIALIZED;
        this._expr_1 = import3.UNINITIALIZED;
        this._expr_2 = import3.UNINITIALIZED;
        this._expr_3 = import3.UNINITIALIZED;
        this._expr_4 = import3.UNINITIALIZED;
        this._expr_5 = import3.UNINITIALIZED;
        this._expr_6 = import3.UNINITIALIZED;
    }
    Wrapper_BaseChartDirective.prototype.check_data = function (currValue, throwOnChange, forceUpdate) {

createInternal():import1.ChartsModule {
    this._ChartsModule_0 = new import1.ChartsModule();
    return this._ChartsModule_0;
  }
  getInternal(token:any,notFoundResult:any):any {

ChartsModuleInjector.prototype.createInternal = function () {
        this._ChartsModule_0 = new import1.ChartsModule();
        return this._ChartsModule_0;
    };
    ChartsModuleInjector.prototype.getInternal = function (token, notFoundResult) {

constructor() {
    BaseChartDirective.unregisterPlugin(pluginDataLabels);
    monkeyPatchChartJsLegend();
    monkeyPatchChartJsTooltip();
  }
}

constructor() {
    BaseChartDirective.unregisterPlugin(pluginDataLabels);
    monkeyPatchChartJsLegend();
    monkeyPatchChartJsTooltip();
  }
}

constructor() {
    BaseChartDirective.unregisterPlugin(pluginDataLabels);
    monkeyPatchChartJsLegend();
    monkeyPatchChartJsTooltip();
  }
}