內置用於生成圖的陣列？

我需要一個（可能是「不完整」）矩形陣列布置的幾個重複。（通過「不完整」我的意思是陣列的最後一行可能比第一行的單元格更少）內置用於生成圖的陣列？

我實現了一種依賴於HTML表格的方法，如silly example所示，但它在我看來，這應該完全在d3.js內完成。在重新開發車輪之前，有沒有一種內置的方法來做到這一點？（我希望能找到結合了改進，如軸和刻度線的方式，並採取的極端情況護理，包括「不完整」的陣列，如上面所定義）。

來源

2013-10-29 kjo

有更多的在你的榜樣事情不是我能夠負擔得起進入的那一刻，但這裏有一個指導原則：在您使用選擇使用數據綁定到每個圖表創建n個'path's以同樣的方式，你還希望使用數據綁定創建圖表容器 - 而不是使用'在建立它們的'循環。它有助於構建繪製數據作爲2維陣列，與第1層的圖表和在路徑2層你最好通過結合到外陣列，然後，使用一個'each'創建所有的圖表，綁定數據爲每個圖表的路徑指向其容器的子元素。希望能幫助到你.. – meetamit

你可以用相同的選擇API做到這一點你曾經建立圖表本身。使用多個圓環圖

var svg = d3.select("body").selectAll(".pie") 
     .data(data) 
    .enter().append("svg") 
     .attr("class", "pie") 
     .attr("width", radius * 2) 
     .attr("height", radius * 2)

演示：所以不是像d3.select('body').append('svg')，你可以做到這一點http://bl.ocks.org/mbostock/3888852

來源

2013-10-30 02:51:24 redmallard

內置用於生成圖的陣列？

回答

相關問題