如何在 D3 v5 中从 CSV 文件加载数据：导航 API 和 Promise 更改

在 D3 v5 中从 CSV 文件加载数据

D3 v5 对其 CSV 加载机制进行了重大更改，影响了之前版本之间的代码兼容性。了解这些修改对于在 D3 v5 中从 CSV 文件无缝加载数据至关重要。

在 D3 v5 中，数据加载过程利用 fetch API 并返回一个承诺。这就需要在代码结构上进行调整：

d3.csv('yourcsv.csv')
  .then(function(data) {
      // data is now whole data set
      // draw chart in here!
  })
  .catch(function(error){
     // handle error   
  });

在D3 v4中，采用了XMLHttpRequest方法，语法如下：

d3.csv('yourcsv.csv', function(data) {
    //whole data set
    // draw chart here
})

具体，D3 v4 不会返回承诺，因此确保您的图表绘制代码在 CSV 函数内执行以保持异步数据加载非常重要。

请记住，这些更改对于有效地从 CSV 文件加载数据至关重要在 D3 v5 中。了解这些修改将防止从 D3 v4 转换到 D3 v5 时遇到任何潜在的代码差异。

以上是如何在 D3 v5 中从 CSV 文件加载数据：导航 API 和 Promise 更改的详细内容。更多信息请关注PHP中文网其他相关文章！