PrimeNG Bar chart model with Spring boot API

[youssefboudaya]

I have a Spring boot web service that returns:

Code: Select all

[
    {
        "status_counts": [
            {
                "status": "FAILURE",
                "count": 1
            },
            {
                "status": "SUCCESS",
                "count": 1
            }
        ],
        "month": 8
    }
    ]

This is my TS code that consumes that webservice:

Code: Select all

data_monthly: { datasets: any[], labels: any[] } = { datasets: [], labels: [] };
    
    this.dashboardService.getStatByProjectIdByMonth(this.id).subscribe((data) => {
      this.data_monthly = {
        datasets: [
          data.map(a => a.status_counts.forEach(obj => {
          {
            label => obj.status;
            data =>  obj.count;
            backgroundColor =>  '#42A5F5';
        }
      }))],
        labels: data.map(a => a.month)
      };
    });

The chart is displayed like this:


I debugged in my opera console and i'm sure that the data is received in getStatByProjectIdByMonth.