D3.js 在多折线图上创建散点

所以我用的是基于这个的代码

基本上，我要做的是在每个数据点添加一个圆。如果我不知道从哪里开始，任何帮助都将不胜感激

这是我到目前为止的代码：当我使用单行代码时，它是有效的

var circlegroup = focus.append("g")
circlegroup.attr("clip-path", "url(#clip)")
circlegroup.selectAll('.dot')
    .data(data)
    .enter().append("circle")
    .attr('class', 'dot')
    .attr("cx",function(d){ return x(d.date);})
    .attr("cy", function(d){ return y(d.price);})
    .attr("r", function(d){ return 4;})
    .on('mouseover', function(d){ d3.select(this).attr('r', 8)})
    .on('mouseout', function(d){ d3.select(this).attr('r', 4)});  

你需要这个。假设数据是一个二维数组，您可以这样做

var groups = svg.selectAll("g").data(data).enter().append("g");
groups.data(function(d) { return d; })
      .enter()
      .append("circle")
      // set attributes

---

谢谢，不过还是没能拿到。如果我想在这个图上的数据点中添加圆圈，还有什么需要的呢。还有，我需要做些什么来设置x和y坐标，现在没有圆圈出现。d3对我来说还是很新的，我真的很困惑。谢谢