使用json和逗號分隔的數組構建D3表

Question

我想從二維數組中爲每個數組元素和行中的每個字符串使用一行來構建一個html表。相反，我爲每個角色獲得一個單元格。我嘗試了一些用逗號分割字符串的組合，但沒有一個可行。我如何獲得

onetwothree

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 updated兩種方式。