D3圖表 - 合併多個圖表togheter

Question

首先，我還沒有任何代碼，因爲我想知道如果我試圖做它實際上可能或甚至沒有嘗試編碼它之前。

基本上，我正在開發一個angularjs應用程序，我需要在圖表中顯示一些數據。

我說的圖表，因爲數據是不同的，我需要使用不同的圖表類型（棒，線，區）

因此，爲了顯示我的數據，我的想法是創建結構這樣的指令：

<my-chart> 
<line-chart data="[data]" ...></line-chart> 
<line-chart data="[data]" ...></line-chart> 
<bar-chart data="[data]" ...></bar-chart> 
<area-chart data="[data]" ...></area-chart> 
</my-chart> 

所有的子指令都需要父指令才能工作。

使用這種方法，我應該能夠根據用戶選擇輕鬆地顯示/隱藏特定的圖表，但說實話，因爲我從來沒有開發任何與D3，但我現在正在學習它，我不知道如果這甚至是可能的，或者如果已經有東西允許我實現類似上述的東西。

感謝您的任何幫助和抱歉，如果問題不是純粹的代碼相關。

Answer 1

已經有一個角度庫可以完成類似於你想要實現的功能。

演示here