javascript - 複数線グラフで円が更新されない

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 を完成させます。