d3.js - 使用 json 和逗号分隔数组构建 D3 表

Question

我正在尝试从二维数组构建一个 html 表，其中每个数组元素使用一行，行中每个字符串使用一个单元格。我得到了每个字符的单元格。我已经尝试了一些用逗号分割字符串的组合，但没有一种有效。如何得到

一二三

http://jsfiddle.net/johnpoole/BfTWP/

var json_data = ["one,two,three","red,green,blue"];
var table = d3.select("body").append("table");
var rows = table.selectAll("tr").data(json_data).enter().append("tr");
rows.selectAll("td").data(function(d){return d;}).enter().append("td").text(function(d)   {return d;});

Answer 1

最后一行需要返回d.split(",")以将字符串分解为一个数组。否则，JS 会遍历字符串中的字符。

或者，您可以保持代码不变并将数据更改为：

var json_data = [["one","two","three"],["red","green","blue"]];

jsFiddle 双向更新。