无法在Chrome中使用D3.js选择

Question

Chrome不使用D3.js选择 。在下面的代码中，所有选择都是空的。

var defs = d3.select("body").append("svg").append("defs");
defs.append("linearGradient");
defs.append("linearGradient");
console.log(defs.selectAll("linearGradient")); // empty
console.log(defs.selectAll("lineargradient")); // empty
console.log(d3.selectAll("linearGradient")); // empty

如果将 替换为 ，就可以了。

var defs = d3.select("body").append("svg").append("defs");
defs.append("mask");
defs.append("mask");
console.log(defs.selectAll("mask")); // 2 elements selected

Answer 1

这是webkit中的一个bug--请参阅bug报告。简单的回答是因为它已经坏了。您可以通过保持对需要修改的渐变的显式引用来解决这个问题，例如。

var grad1 = defs.append("linearGradient");