Как перегруппировать и отобразить динамические данные в Chart.js Angular 5 - PullRequest
Новая
       11

Как перегруппировать и отобразить динамические данные в Chart.js Angular 5

0 голосов
/ 01 ноября 2018

Я разрабатываю приложение с угловым 5 , я использую Chart.js в своей панели инструментов для отображения динамических данных, ну, данные отображаются, но я хочу отобразить их правильное число в Chart.js (я использую статический номер), а также разгруппированные данные. Итак, как сгруппировать идентичные данные и отобразить их правильное количество данных в **Chart.js** и спасибо

dashboard.ts: 

constructor(private _ticketService: TicketService, private http: HttpClient,
    private _dashbordService: DashbordService, private _userService: UserService) { }

  public doughnutChartLabels: string[] = [];
  public doughnutChartData: number[] = [10,20,30,10,15,60,12,5,40,10,20,15,17,18,21,24];
  public doughnutChartType: string = 'doughnut';
async ngOnInit() {
    this.totNote = await this._dashbordService.getNotes('xxxxxxxxxx'); // i use uid static 
for (let i = 0; i < tkt.length; i++) {
      for (let j = 0; j < tkt[i].Tickets.length; j++) {
        this.doughnutChartLabels.push(tkt[i].Tickets[j].LibelleTypeTicket + '');
      }
}

dashbord.html 

<div class="ibox-body">
          <div style="display: block">
            <canvas baseChart width="511" height="255"
                    [data]="doughnutChartData" 
                    [labels]="doughnutChartLabels"
                    [chartType]="doughnutChartType"
                    (chartHover)="chartHovered($event)"
                    (chartClick)="chartClicked($event)"></canvas>
          </div>
        </div>

dashbord.component.service.ts 

async getNotes(UID) {
    let result = await this.http.get(this.url + 'xxxxx?UserUID=' + UID + '&x=0', super.header())
      .toPromise()
      .then(function (res) {
        return result = res;
      })
      .catch((err) => {
        return (err)
      })
    return result;
  }
...