将变量从函数中移出到图形中

Question

我有一些API返回的数据

async function myfunction(ref) {
  var r1 = await getReport(ref, "queue", "day", "2018-10-01", "2018-10-04", "pageviews", "page", "s1390_5bbb54d67e678d4f881440ba");
  var r2 = await getReport(r1.reportID, "get").then(r2 => reportHandler(r1.reportID, r2, 0));
  const days = r2.report.data.map(obj => obj.day);
  const metric = r2.report.data.map(obj => obj.breakdownTotal[0]);
  console.log(days);
  console.log(metric);
}

这为我提供了我需要的数据days和metric两个变量。

然后我在脚本中将该代码放到下面，该脚本旨在从上面的API中提取变量（您可以看到变量days和metric）

var chart = new Chart(ctx, {
  type: 'line',
  options: {
      legend: {
      display: false
    },
    responsive: true,
    maintainAspectRatio: false
  },
  data: {
    labels: days,
    datasets: [{
        label: 'Test 01',
        data: metric,
      }
    ]
  }
});

我希望手动运行myfunction后将用此数据填充图表，但运行页面时会得到什么结果

Uncaught ReferenceError: days is not defined
    at mytest3.html:65

当我运行脚本时，它仍然没有输入数字。我猜这是两个问题，即变量没有正确显示，而且开始时似乎出错，因为其中没有数据。该变量。