d3.js - json とカンマ区切りの配列を使用して D3 テーブルを作成する

Question

各配列要素の行と行内の各文字列のセルを使用して、2D 配列から 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 は両方の方法で更新されました。