0

次のコードがあります。

var matrix = [
  [ 1, 2, 3, 4],
  [ 5, 6, 7, 8]
];

var tr = d3.selectAll("td.sparkline").append("table").selectAll("tr")
.data(matrix)
.enter()
.append("tr");

var td = tr.selectAll("td")
.data(function(d) { return d; })
.enter()
.append("td")
.text(function(d) { return d; });

次のことを行う正しい方法は何ですか。

<td class="sparkline">matrix[0]</td>
<td class="sparkline">matrix[1]</td>

コンテナに同じクラスを使用できますか? 両方の行に両方の配列を取得し続けます。

ここでネスティングについて読みました http://bost.ocks.org/mike/nest/ しかし、まだ理解できません。

4

2 に答える 2

0

理解した...

d3.selectAll('td.sparkline')
.data(matrix)
.text(function(d, i)
   { return 'Result #' + (i + 1) + ': ' + d; // i is 0-based.
});

各インデックスを正しい行に追加できます。このリンクは非常に役に立ちました。 http://code.hazzens.com/d3tut/lesson_1.html

于 2013-07-07T19:35:00.470 に答える