Question

我试图在d3中引用不同的组，以便为onHover函数更改每个组内的内容的颜色。例如，我有两组都由矩形组成。我想选择一个组并使它们全部为一种颜色，我想选择另一组并使它们成为不同的颜色。

有没有办法引用每个组并执行特定要求？

这样：

    var group1 = canvas.append("group1: g"); //contains rects
    var group2 = canvas.append("group2: g"); //contains rects


    d3.select("group1").style() //change colour

Answer 1

您可以为g元素提供ID或类，并相应地进行选择：

canvas.append("g").attr("id", "foo");
canvas.append("g").attr("class", "bar");

canvas.selectAll("g#foo");
canvas.selectAll("g.bar");

d3 javascript命名或引用组

1 个答案: