D3.js ~ 有没有办法将 csv 标头值访问到下拉列表中？

Question

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

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

但是没有用。我什至不确定我使用的是正确的功能，或者是否有这样做的功能！任何帮助表示赞赏！谢谢！

Answer 1

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

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