Chart.JS無法讀取未定義的屬性'_meta'

Question

我正在嘗試構建一個基本的條形圖，但我在標題中出現錯誤。我已經使用alert（）來驗證數組，我想用持有數據填充圖表，但仍然沒有用語法正確地捕獲數據。有人可以檢查並讓我知道我需要做些什麼才能使圖表生成？

var ctx = document.getElementById('cvtree').getContext('2d'); 
var chart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
     labels: yoylabels, 
     datasets: [{ 
       label: 'Pay By Person', 
       backgroundColor: 'rgba(0, 129, 214, 0.8)', 
       data: numericdollarvals 
      }] 
    }, 
    options: { 
     }, 
     legend: { 
      display: false, 
      position: 'top', 
     }, 
     scales: { 
      yAxes: [{ 
        ticks: { 
         beginAtZero: true, 
         callback: function (value, index, values) { 
          if (parseInt(value) >= 1000) { 
           return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
          } else { 
           return '$' + value; 
          } 
         } 
        } 
       }] 
     } 
}); 

Answer 1

在設置所有選項之前，您意外地關閉了options屬性。

下面是正確的語法：

var ctx = document.getElementById('cvtree').getContext('2d'); 
var chart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
     labels: yoylabels, 
     datasets: [{ 
     label: 'Pay By Person', 
     backgroundColor: 'rgba(0, 129, 214, 0.8)', 
     data: numericdollarvals 
     }] 
    }, 
    options: { 
     legend: { 
     display: false, 
     position: 'top', 
     }, 
     scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero: true, 
       callback: function(value, index, values) { 
        if (parseInt(value) >= 1000) { 
        return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
        } else { 
        return '$' + value; 
        } 
       } 
      } 
     }] 
     } 
    } 
});