d3js - 多个圆圈不按数据长度附加

Question

选择svg我正在添加'g element according to the length of datas. as well i am trying to add multiple圈子。

但没有工作。有人帮我吗？ 这是我的代码：

var g = svg.select()
            .data(array)
            .enter()
            .append('g') //getting 2 `g` element
            .selectAll("circle")
            .data(array)
            .append('circle') //no circle appended in side to `g`
            .attr("r", 2)
            .attr("cx", innerRadius)
            .attr("cy", 0);

Answer 1

您没有在任何事情上致电svg.select()。您需要选择要追加的元素，然后selectAll要追加的元素。这将创建一个选择，您可以使用data函数将数据绑定到该选择。然后，您可以拨打enter，并使用append之类的调用来描述输入时的行为。

您可以在选择之前致电data和enter。

示例：

var g = svg.select('svg').selectAll('g')
    .data(array)
  .enter().append('g')
  .append('circle')
    .attr('r', 2)
    .attr('cx', innerRadius)
    .attr('cy', 0);