Javascript 无法将数据绑定到d3

我正在尝试使用d3构建一个代表美国每个县的geojson地图，然后在从服务器获取csv文件后动态更改形状的颜色

每个county形状都有一个唯一的标识符，作为svg路径中的属性指定，并嵌套在以下样式的div中：

）：

bar变量是在脚本前面加载的csv数据：

bar = data.map(function(d) { return [d["n"], d["i"], +d["t"]]; });

这似乎是一个简单而明显的解决方案，但无法解释为什么这不起作用。谢谢你的帮助。

找到了答案

关键部分是在选择器中放置引号：

原件：

d3.select('#map').select('.county[cid="' + d[1] + ']"').attr('foo', 'bar')

。。。变为（请注意.attr附近的右括号中的双引号）：

我不知道在将所选对象数组打印到console.log时如何返回该数组

bar = data.map(function(d) { return [d["n"], d["i"], +d["t"]]; });

d3.select('#map').select('.county[cid="' + d[1] + ']"').attr('foo', 'bar')

d3.select('#map').select('.county[cid="' + d[1] + '"]').attr('foo', 'bar')