2013-11-20 44 views
0

關於如何生成具有多個級別的堆疊條形圖的任何提示?D3.js堆疊條形圖與多個級別?

類似於下面滑動的浮動div。但是我明白svg沒有浮動的概念,所以基於svg寬度的東西更加嚴格。

我剛剛完成了「交互式數據可視化」這本書,這本書很棒,但我認爲我打了一個高級話題,到目前爲止我還沒有在d3文檔中運氣。

Stacked bar chat with one line of stacked bar charts, followed by another line underneath

+0

你能簡單地有幾個堆積的條形圖嗎? –

+0

我在想,但是我會放棄enter(),exit(),transitions等的「one」圖表的好處嗎? –

+0

不一定。取決於你想要用這些多個圖表顯示的內容。 –

回答

0

我想可能的拿出溶液,或至少的方向。

這個例子:http://bl.ocks.org/mbostock/3888852它是餅圖,但原理是一樣的。

它表明它可以是單獨的圖表,即單獨的svg元素。然而,他們仍然一氣呵成地將d3.js視爲一個大圖。

然後,我可以使用正常的CSS佈局,例如,顯示:內聯塊。

感謝拉爾斯表示多個圖表會做到這一點。