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

tom*_*tom 5 javascript csv d3.js

我正在构建一个交互式图形,因为轴的值有两个标题值.如果我可以从下拉菜单或类似的东西中选择轴值,那将会更好.我不知道的是,是否可以访问我的csv的标头值,如果它们是数组的一部分,那么我可以创建一个下拉菜单进行选择.给定一个具有许多头值的.csv,并且它们都是字符串,是否可以通过使用来实现这一点d3.csv.formatRows(rows)?我尝试在回调函数中使用它:

var header = d3.csv("MyCsvFile.csv").formatRows(0);
console.log(header);
Run Code Online (Sandbox Code Playgroud)

但没有奏效.我甚至不确定我是否正在使用正确的功能,或者是否有功能这样做!任何帮助表示赞赏!谢谢!

Lar*_*off 11

文件提到,格式d3.csv.parse产生-基本上你将与头名的键的键-值对.因此,获取标题名称所需要做的就是这样.

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

  • `d3.csv`在内部使用`d3.csv.parse`,所以不需要显式调用它. (2认同)