D3选择在svg选择不起作用时起作用

Question

我有

var svg = d3.select(.....)
            .append("svg")
            .attr("width", 1500)
            .attr("height", 850);

后来我有

svg.SelectAll(......)
   .
   .
   .on("mouseover", function(){
        d3.select(this).style(.....
   }

在匿名函数中，我改变了一些svg内容的样式。 但我试着做

svg.select(this).style....

而不是

d3.select(this).style....

它破了。

必须使用 d3 而不是 svg 的原因是什么？

Answer 1

d3.select()接受两种类型的参数 - 选择器字符串和DOM元素。 selection.select()（在您的情况下为svg.select()）仅接受 选择器字符串。您正在传入一个DOM元素，它会破坏代码（并相应地收到错误消息）。