javascript - 将点添加到 D3 图表

Question

我试图向此图表添加点 http://bl.ocks.org/nsonnad/4175202

countryEnter.selectAll("dot")
        .data(data)
        .enter().append("circle")
        .attr("r", 3.5)
        .attr("cx", function(d) { return x(d.year); })
        .attr("cy", function(d) { return y(d.name); });

但它不起作用 https://plnkr.co/edit/ADuZkJQrq7mjZqDZwrBe 有人可以帮忙吗？

Answer 1

使用嵌套选择时，您的 data调用可以返回一部分数据。在本例中，values 数组:

countryEnter.selectAll("dot")
  .data(function(d){
    return d.values; //<-- return just the values of your larger data-binding
  })
  .enter().append("circle")
  .attr("r", 3.5)
  .attr("cx", function(d) { return x(d.year); })
  .attr("cy", function(d) { return y(d.stat); });

已更新code .