javascript - D3 选择 SVG 内的元素

Question

我正在尝试在 D3 中创建一些图表。到目前为止，我很喜欢它，但我有点卡住了。我想创建一个区域来保存数据点，另一个区域来保存轴和标签。我想我会比这更细粒度，以使更新图表更有效。但我遇到的问题是我似乎无法选择 SVG 中的子元素。

这是我所拥有的:

var graph = d3.select('#Graph svg')
if (graph[0][0] == null){
    graph = d3.select('#Graph')
        .append("svg:svg")
        .attr("width",width)
        .attr("height",height)
        .attr("class","chart");
}

graph.append("svg:g")
    .attr("id","data")

现在我还没有找到选择该数据容器的方法。我已经尝试过了

d3.select("#Graph svg data")

但运气不佳。有什么想法吗？

Answer 1

让我们尝试一下这段代码。

d3.select("#Graph svg").selectAll("g")

“g”表示选择svg节点下的所有节点“g”。