如何使用數組項填充 chart.js 標簽？

Question

在 chart.js 中，當我嘗試用數組項填充標簽時，它將顯示一個包含所有數組項的條形圖作為 1 個標簽。

我的預期結果：
條數：2
標簽：“val 1”，“val 2”

實際結果：
條數：1
標簽：“val 1 val 2”

代碼：

function getData() {
    return ["val 1", "val 2"];
}

// Bar Chart Example
var ctx = document.getElementById("myBarChart");
var myBarChart = new Chart(ctx, {
  type: 'bar',
  data: {
      labels: [getData()],
    datasets: [{
      label: "Aantal voldoendes",
      backgroundColor: "#4e73df",
      hoverBackgroundColor: "#2e59d9",
      borderColor: "#4e73df",
      data: [23, 21, 22, 12],
    }],
  },

如果我像這樣手動填充標簽，它確實有效：

labels: ["val 1", "val 2"]

所以現在我的問題是，如何用我的 getData 函數的值填充標簽？

Answer 1

將labels: [getData()],更改為labels: getData(),

這不是一個數組，它是一個數組的數組

 labels: [getData()]