前言：我对chart.js非常陌生，所以这可能是缺乏基础知识
我有两个async函数：一个用来构建图表，一个用来准备数据。
这在窗口加载后被调用：

async function chartIt() {
    const ctx = document.getElementById('myChart').getContext('2d');
    const globalVar = await getData();
    const myChart = new Chart(ctx, {
      type: 'bar',
      data: {
        labels: globalVar.xlabels,
        datasets: [
          {
            label: 'Sign Ups',
            data: globalVar.ylabels,
            fill: false,
            borderColor: 'rgba(255, 99, 132, 1)',
            backgroundColor: 'rgba(255, 99, 132, 0.5)',
            borderWidth: 1
          }
        ]
      },
      options: {}
    });
  }

第二个async函数：

async function getData() {
    const response = await fetch('stats.csv');
    const data = await response.text();
    const xlabels = [];
    const ylabels = [];
    const rows = data.split(/\n/);
    rows.forEach(row => {
      const cols = row.split(',');
      rows.push(cols);
      console.log(cols);
      xlabels.push(cols[0])
      ylabels.push(cols[1])
    });

    console.log('xlabels: ' + xlabels);
    console.log('ylabels: ' + ylabels);
    console.log (rows)
    return { xlabels, ylabels };
};

日志返回了一些奇怪的结果，如下所示：screenshot of console logs
Table in HTML
为什么我的标签和数据被作为每个数组中1个值的组合放入？为什么它只停在其中的一个？
任何帮助都是感激不尽的。谢谢你，谢谢
已尝试将数字设置为单个值而不是数组。没有显示任何结果。