Charts d3js多系列折线图，附加圆

我正在使用一个简单的服务器，但由于某些原因，在这里创建bl.ock时无法使用：。我想在我的多系列折线图上的每个日期都添加一个圆圈，并带有相应的线颜色，以下是我所拥有的：

var network = svg.selectAll(".network")
  .data(networks)
  .enter().append("g")
  .attr("class", "network");

  console.log(networks)

  network.append("path")
  .attr("class", "line")
  .attr("d", function(d) { return line(d.values); })
  .style("stroke", function(d) { return color(d.name); });

  network.append("text")
  .datum(function(d) { return {name: d.name, value: d.values[d.values.length - 1]}; })
  .attr("transform", function(d) { return "translate(" + x(d.value.date) + "," + y(d.value.rating) + ")"; })
  .attr("x", 3)
  .attr("dy", ".35em")
  .text(function(d) { return d.name; });


   network.append("circle")
   .attr("r", 5)
   .attr("cx", function(d) { return d.date; })
   .attr("cy",function(d) { return d.rating; })
   .style("stroke", function(d) { return color(d.name); });
  .style("fill", function(d) { return color(d.name); });
});

但它没有将圆正确地附加到线条上。我意识到我的代码块没有多大帮助，因为它不起作用，但是整个代码都在那里

---

任何提示都将不胜感激，谢谢

看起来数据有问题。它被解析成如下所示的对象：

{
    CBS: "9.86"
    CW: "13.959"
    FOX: "0"
    ION Television: "7.102"
    MyNetworkTV: "1.189"
    NBC: "0"
    PBS: "13.419"
    UPN: "0"
    WB: "4.207"
    date ABC: "2002"
}

---

看起来您的代码所期望的与此完全不同，因此您应该检查“data.tsv”文件的内容，看看它是什么样子。

您可以看到我创建带圆圈的多系列折线图的示例

在这里，您可以将X轴从“结束”更改为“日期”，需要对代码进行更改。 但你们可以得到在每个日期实施循环的基本想法。 在我的例子中，圆圈在每一个面上都有，但如果那个面上没有小门，它就隐藏了

看这里的例子