D3JavaScript命名或引用组

D3JavaScript命名或引用组,javascript,d3.js,reference,naming,Javascript,D3.js,Reference,Naming,我试图引用d3中的不同组,以便为函数onHover更改每个组中内容的颜色。例如,我有两个都由矩形组成的组。我想选择一组,使他们所有的一种颜色,我想选择另一组,使他们不同的颜色 是否有方法参考每个小组并执行特定需求 以便: var group1 = canvas.append("group1: g"); //contains rects var group2 = canvas.append("group2: g"); //contains rects d3.select

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

是否有方法参考每个小组并执行特定需求

以便:

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


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

您可以为
g
元素指定ID或类,并相应地选择:

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

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

你所说的群体是什么?我所说的群体是指“g”。我想知道我是否能把它命名为“name1:g”,这样我就可以在d3中调用它,并更改该组的特定元素