在d3中添加多個外部svg並將它們與數據綁定

我有幾個svg文件，我想將其包含在我的d3圖表中。我可以通過硬編碼來添加它們，並使用css將它們與我的圖表正確對齊。在d3中添加多個外部svg並將它們與數據綁定

但這似乎是一個愚蠢的方式。我知道我可以使用d3.xml從文件導入svg或將&粘貼&作爲對象追加到代碼中。但是這並不能解決我的問題，因爲太多手動綁定了。

有沒有辦法讓我可以導入和D3的加入的更新退出

2015-03-02 KuN

這個問題留下太多的現有形式的想象力。代碼示例是最好的。一些問題是：是否可以訪問svg文件？需要做什麼對齊？這些svg文件的內容是什麼？ – cmonkey 2015-03-02 23:28:51

我想通了這個example風格使用。代替使用d3.xml，在和之內添加內聯svg，然後使用。

.append("use") 
.attr("xlink:href",function(d){return "#mySymbol"+d})

的jsfiddle here

2015-03-04 06:02:47 KuN

回答