在此D3折线图中添加散点图？

Question

D3 noob在这里，我设法制作了一个多线图，我想在线上添加一个数据点。这样，我可以将鼠标悬停在各个数据点上并显示工具提示。我想我可以处理工具提示部分，如果有人可以帮我添加数据点到我的行。

这是我在代码中的代码：http://pastebin.com/F8L5gS4D

我真的无法让它在codepen中运行或让它显示堆栈溢出而不会丢失所有格式。

这里是我正在使用的数据：http://pastebin.com/GyjMwqGb但是我使用d3.nest（）在javascript中重新构建它，按学校排序。

非常感谢任何帮助。也许只是指向一个好的向导。

谢谢大家！

Answer 1

forEach你所在的svg.append不是D3方式。 通过一些教程了解d3.selectAll()

• https://square.github.io/intro-to-d3/data-binding/
• http://alignedleft.com/tutorials/d3/binding-data

然后我会在从CSV读取之前使用硬编码数据。

最后，当您阅读CSV时，通常会将代码添加到d3.csv

的正文中添加SVG元素

d3.csv("apdata.csv", function(error, data) {
   data.forEach(function(d) {
      d.Wk = +d.Wk;
      d.Rk = +d.Rk;
   svg.selectAll(...)
     .append()
     ...
 });

HTH