d3でヌル値を省略します

Question

いくつかのヌル値を含むJSONデータから線を引くプロジェクトに苦しんでいます。

https://jsfiddle.net/scm60/pafs5x4m/が、私はここに可能な解決策を見つけた：

は、私はここでバイオリンを始め In d3.js, skip append() for null dataを、

circle.filter(function(d) { return d == null; }).remove() 

を追加することを示唆している。しかし、これは私の例では動作しません。

この問題に関するお勧めはありますか？

Answer 1

あなたはここに3つの問題があります。

まず、あなたはcircle命名セレクションを持っていません。それでは、それを作成してみましょう：

var circle = svg.selectAll("circle") 
    .data(data) 
    //etc... 

第二に、forEach後、あなたは、もはやゼロのみをgewichtためのnull値を持っていません。

第三に、それはd.gewicht、ないdなければならない：

ここ

circle.filter(function(d) { 
    return d.gewicht == 0; 
}) 
.remove(); 

あなたの更新フィドルです：https://jsfiddle.net/y25mLtue/

PS：あなたは同様にゼロ（ヌル）に行くの行を削除する場合line.defined()が必要です。ここにフィドルがあります：https://jsfiddle.net/97ao8v16/