javascript - d3 javascript 命名或引用组

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");