在 d3js 中使用 .on("click")

Question

我正在使用 d3js 来显示散点图。 obj.dot_datas 是一个包含每个点信息的列表。 我希望点在单击时改变颜色（以及要显示的信息）。信息按需要显示，但我无法更改颜色，因为这里的“self”没有链接到圆圈。

circles = obj.svg.selectAll("circle")
    .data(obj.dot_datas)
    .enter()
    .append("circle")
    .on("click", function (d,i) {
        d3.select('#nodeInfos').html("name: "+d.label+"<br/> "+d.infos+");
        self.attr("fill", "orange");
    }
circles.attr("class", "point")

“点”类赋予每个圆默认属性（cx、cy、r、填充和不透明度）

点击一个圆圈时如何改变它的颜色？我用什么代替了“自我”？

Answer 1

我不知道 d3.js，但我认为它的工作方式与 jQuery 的工作方式相同。 只需将self 替换为d3.select(this)