使用json和逗号分隔的数组构建D3表

时间:2013-03-27 16:24:00

标签: d3.js html-table

我正在尝试从2D数组构建一个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;});

1 个答案:

答案 0 :(得分:0)

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

或者,您可以按原样保留代码并将数据更改为:

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

jsFiddle updated两种方式。