javascript - 无法使用 d3 选择 svg 元素

Question

我正在开发一个使用大脑 svg 图像的可视化工具。现在这个 svg 的路径已填充颜色。我想循环所有这些路径以将填充颜色设置为白色，但由于某种原因我无法获取该元素。

项目可见here 。 svg 位于 div 内，我什至为该 div 分配了一个标识符 brain。 svg 本身有一个 id svg2。到目前为止，我已经尝试过以下方法:

function clearBrainColors() {
    var brain = d3.select("#svg2");
    console.log(brain);
    var paths = brain.selectAll("path");
    console.log(paths.length);
    brain.selectAll('path').each(function(d,i) { console.log(this); });
}

但它在选择的 array[0] 组件中输出 null，并在 paths.length 中输出 0。

我也尝试过使用诸如

之类的行

var Brain = d3.select("#brain svg"); 和 var Brain = d3.select("#brain svg#svg2"); 但那些也不工作。

那么，如何使用 d3 选择大脑 svg？

Answer 1

决定将 svg 内联起来 apparently speeds things up .

我用来填充 svg 的代码现在是:

$("#svg2").find("path").each(function(){
       $(this).css({ fill: "#ff0000" });
    });