使用获取获取图表JS的JSON数据

Question

我是异步编码的新手，为找到一种将嵌套json数组文件中的数据加载到Chart JS的解决方案而发疯的想法变得疯狂。梳理所有各种示例，我可以获取fetch调用中的数据，但是由于其异步，因此无法将其导出到全局对象中。目标是在图表配置中引用json字段和值。这是当前的迭代...

var jsonData =
fetch('dataSummary.json')
  .then(status)
  .then(json)
  .then(function(data) {
    console.log('Request succeeded with JSON response', data[0]);
    return data[0]
  }).catch(function(error) {
    console.log('Request failed', error);
  });

var chartData = {jsonData:{}};
Promise.all([jsonData]).then(function(values){
    chartData = values[0];
    console.log(chartData);
    return chartData[0];
});

console.log(Object.keys(chartData))

谢谢

Answer 1

关键是更新（或绘制）图表当数据准备就绪。

fetch('dataSummary.json')
    .then(res => json)
    .then(function(data) {
        console.log('Request succeeded with JSON response', data[0]);
        // rather the returning data use it to update/populate the chart
    }).catch(function(error) {
        console.log('Request failed', error);
    });