圓圈沒有在多線圖中更新

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。