爲每個組添加不同數量的元素

Question

我對d3很新穎並且我正試圖瞭解它如何處理多維數組。

我需要不同數量的元素的追加到基於嵌套陣列的長度的基團：

Var data = [ 
      [1,2,3], 
      [1,2,3,4], 
      [1,2,3,4,5] 
      ]; 

基於這個例子中我將需要具有3個基團; 第一個具有在其3種元素，所述第二具有4和第三具有5.

將是什麼，通過分配給每個組的基準迭代的正確方法？ d3是否提供了這樣做的方法？

Answer 1

通過組循環第一，然後通過每個組中的元素循環的簡單演示：

var data = [ 
    [1,2,3], 
    [1,2,3,4], 
    [1,2,3,4,5] 
]; 

var viz = d3.select("#viz"); 
var groups = viz 
       .selectAll("div.group") 
       .data(data, function(d, index) { 
        return d.key; 
       }) 
       .enter() 
       .append("div") 
       .classed('group', true) 
       .text(function(d, i) { return 'group ' + i}); 

var nodes = groups 
       .selectAll("div.node") 
       .data(function(d, index){ 
        return d; 
       }) 
       .enter().append("div") 
       .classed('node', true) 
       .text(function(d, i) { return d}); 

作爲依據，用CSS樣式爲清楚起見 https://gist.github.com/widged/5203275

讓我知道如果這並未」 t真的回答你的問題