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，fill和opacity）

如何在点击时更改一个圆圈的颜色？我应该放什么而不是“自我”？

Answer 1

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

即可

在d3js中使用.on（“click”）

1 个答案: