在d3中附加多个外部svg并将其与数据绑定

时间:2015-03-02 23:12:05

标签: javascript svg d3.js

我有几个svg文件,我想要包含在我的d3图表中。我可以通过硬编码添加它们并使用css将它们与我的图表正确对齐。

但这似乎是一种愚蠢的方式。我知道我可以使用d3.xml从文件导入svg,或者将其作为对象复制并粘贴并附加到代码中。但这并没有解决我的问题,因为手动绑定太多了。

有没有办法让我可以按照d3< join-update-exit

的方式导入和使用它们

1 个答案:

答案 0 :(得分:0)

我从这个example中找到了它。而不是使用 d3.xml ,在 中添加内联svg,稍后在中使用

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

jsfiddle here