圆圈未在多线图中更新

Question

我有一个D3.js多线图，每个路径峰上都添加了圆圈。当我更新我的图表时，路径会根据新数据更新，但圈子似乎根本没有更新。这是我的代码：http://jsbin.com/eMuQOHoV/3/edit

有谁知道我做错了什么？

Answer 1

您需要以与创建数据点相同的方式更新数据点圈。特别是，您在创建时使用嵌套选择，但在更新时不使用。这意味着数据在更新时无法正确匹配，没有任何反应。

更新代码应如下所示。

var sel = svg.selectAll('.series')
             .data(sources);

sel.select('path')
   .transition()
// etc

// update circles
sel.selectAll('.datapoint')
   .data(function (d) {
     return d.values;
   })
// etc

完成jsbin here。