如何在 ChartJS 中使用數組存儲數據？

Question

我正在嘗試使用 ChartJs 創建條形圖。

我有三個數組array_label、array_present 和array_absent。這些數組具有通過ajax 來自數據庫的數據。

但是，仍然沒有創建圖表

注意：當我在數組中輸入靜態數據時它工作得很好

服務器端技術：PHP

var areaChartData = {
  labels: array_label,
  datasets: [
    {
      label               : 'Present',
      fillColor           : 'rgba(210, 214, 222, 1)',
      strokeColor         : 'rgba(210, 214, 222, 1)',
      pointColor          : 'rgba(210, 214, 222, 1)',
      pointStrokeColor    : '#c1c7d1',
      pointHighlightFill  : '#fff',
      pointHighlightStroke: 'rgba(220,220,220,1)',
      data                : array_present
    },
    {
      label               : 'Absent',
      fillColor           : 'rgba(60,141,188,0.9)',
      strokeColor         : 'rgba(60,141,188,0.8)',
      pointColor          : '#3b8bba',
      pointStrokeColor    : 'rgba(60,141,188,1)',
      pointHighlightFill  : '#fff',
      pointHighlightStroke: 'rgba(60,141,188,1)',
      data                : array_absent
    }
  ]
}

Answer 1

{
  label : 'test',
  fillColor: 'rgba(210, 214, 222, 1)',
  strokeColor: 'rgba(210, 214, 222, 1)',
  pointColor: 'rgba(210, 214, 222, 1)',
  pointStrokeColor: '#c1c7d1',
  pointHighlightFill: '#fff',
  pointHighlightStroke: 'rgba(220,220,220,1)',
  data: [45,49, 60, 81, 76, 55, 40]
},