D3.js~有没有办法在下拉列表中访问csv标题值

D3.js ~ Is there a way to access csv header values into a dropdown?

本文关键字：访问 csv 标题 下拉列表 js 有没有 D3      更新时间：2024-04-25

我正在构建一个交互式图，该图作为轴的值有两个标头值。如果我可以从下拉菜单或类似的菜单中选择轴值，那会更好。我不知道是否可以访问csv的头值，就像它们是数组的一部分一样，所以我可以制作一个下拉菜单进行选择。给定一个.csv，它有许多头值，并且所有头值都是字符串，是否可以通过使用d3.csv.formatRows(rows)来实现这一点？我试着在回调函数中使用这个：

var header = d3.csv("MyCsvFile.csv").formatRows(0);
console.log(header);

但没有起作用。我甚至不确定我使用的是正确的函数，或者是否有函数可以这样做！感谢您的帮助！谢谢

文档提到d3.csv.parse生成的格式——基本上，您将拥有以标头名称为键的键值对。因此，您所需要做的就是这样获取标题名称。

d3.csv("foo.csv", function(error, data) {
  var headerNames = d3.keys(data[0]);
});
相关文章：