ng2-charts

I am using Doughnut chart from ng2-charts ( http://valor-software.com/ng2-charts/ ) in angular 2. I have been searching for an option to put a text in the middle without success. I already searched in ng-chart options as in chart.js (dependency). Do you know another way to achieve this in Angular 2 typescript? or there is something I am missing? You can do the following to place text in the center of doughnut chart. It worked for me HTML: <div style="display: block"> <canvas #mycanvas baseChart [data]="doughnutChartData" [labels]="doughnutChartLabels" [chartType]="doughnutChartType"

I have written a sample application to fetch data from service in json format and bind it to the chart on UI. The problem is when ever I try to bind the data, it doesn't. I tried in many ways to bind data but was unsuccessfull. Functionality is as follows: Page 1: contains 2 dropdowns. 1 with Chart Type & 2nd with Sample Type. On selection of both dropdown values, I click on a button which triggers a function fetchData() in GlobalService. Below is getter & setter in GlobalService getChartData() { return this.chartData; } setChartData(response: any) { this.chartData = response.data; // console

I am using ng2-charts in Angular 7 app and having warning WARNING in ./node_modules/ng2-charts/fesm5/ng2-charts.js 230:54-72 "export 'ɵɵdefineInjectable' was not found in '@angular/core' error in VS Code error in browser What could be the reason and how to resolve it? ng2-charts v2.2.4 has this bug as lots of users are reporting that so down-grading to ng2-charts v2.2.3 is fine until it is fixed in the future releases. npm install ng2-charts@2.2.3 来源： https://stackoverflow.com/questions/56371427/warning-in-node-modules-ng2-charts-fesm5-ng2-charts-js-23054-72-export-%c9%b5%c9%b5de

I am starting to work these days with Angular2 , and have a question with the framework ng2-charts . Here is my component.ts code : import { Component } from '@angular/core'; import { ChartsModule } from 'ng2-charts'; import { PredictionService } from './prediction.service' @Component({ selector: 'prediction-result-chart', templateUrl: './predictionResultChart.component.html' }) export class PredictionResultChartComponent{ public pieChartLabels:string[] = []; public pieChartData:number[] = []; public pieChartType:string = 'pie'; public JSONobject = {} constructor(private predictionService:

I'm trying to create dynamically a chart using ng2-chart, I get information from an angular 2 service, when I change only labels of chart it works and when I change data only it works, but When I change both just data are updated in the chart. have any one an explication for this strange behavior. my template : <canvas baseChart height="130" width="180" [data]="doughnutChartData" [labels]="doughnutChartLabels" [chartType]="doughnutChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)"></canvas> my class : export class PlDoughnutComponent implements OnInit {