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".