Как передать список словарей в метках и данных chartjs?

Я пытаюсь отобразить свои данные в графике js, формат моих данных такой:

> {length: 3, objects: Array(3)}
length: 3
objects: Array(3)
0: {counter: 1, date: '2022-06-01 00:00:00', income: '233.000', …}
1: {counter: 2, date: '2022-05-01 00:00:00', income: '1000.000', …}
2: {counter: 3, date: '2022-04-01 00:00:00', income: '89.000', …}
length: 3
[[Prototype]]: Array(0)
[[Prototype]]: Object

вот что я попробовал в своем js:

        function listChartMonOutcome(){
            $.ajax({
                type:'GET',
                url:'/listcharts/data/',
                success:function(data){
                    var totalMonthCanvas = $('#listChart').get(0).getContext('2d')
                    var totalMonthData = {
                      labels: [
                        data
                      ],
                        data:{
                            datasets:[{
                                data:[{
                                    data
                                }]
                            }]
                        }
                      
                    }
                    var totalMonthOptions     = {
                      responsive              : true,
                      maintainAspectRatio     : false,
                      datasetFill             : false,
                      parsing: {
                        xAxisKey: 'income',
                        yAxisKey: 'date'
                    }                
                    }
                    var totalMonthChart = new Chart(totalMonthCanvas, {
                      type: 'bar',
                      data: totalMonthData,
                      options: totalMonthOptions      
                    })
                }
            })                
            }
            listChartMonOutcome()            
        }
              <div class="card-body">
                <div class="chart">
                  <canvas id="listChart" style="height:250px; min-height:250px"></canvas>
                </div>
              </div>

но он ничего не показывает, и в консоли тоже.

и также попробовал это в data :

labels = [data.map(({datE}) => date) ]
datasets: [
   {
      data: [
          data.map(({income}) => income)                            
      ],
   }
 ]

но выдает ошибку:

Uncaught TypeError: data.map не является функцией

есть ли какое-нибудь решение для этой проблемы?

Спасибо за помощь

Вернуться на верх