Null değerlerini bastırmak için null değerlerini SVG yoluna geçir (d3.js kullanarak)

Question

jQuery Flot kullanarak, çizim düzeneğine null değerini iletebilirim, böylece çizim üzerinde hiçbir şey çizmeyecek. Eksik kayıtlar bastırılmış nasıl bakınız:

ben SVG'yi kullanarak grafik derin düşük seviye kontrole sahip, böylece d3js geçmek için arıyorum. Ancak, eksik kayıtları bastırmak için de aynı işlemi nasıl yapacağımı henüz öğrenmedim. Aşağıdaki görüntü,(d3 paketinin bozulduğu yer) yerine 0 değerini kullanarak bunu yapma girişimidir. İşte size aşağıda grafik çıkarttı hakkında bir fikir vermek için bazı kod şudur:

var line = d3.svg.line() 
    .x(function(d) { 
     var date = new Date(d[0]); 
     return x(date); 
    }) 
    .y(function(d) { 
     var height = d[1]; 
     if (no_record_exists) { 
      return y(0); 
     } 
     return y(height) + 0.5; 
    }); 

Mozilla Geliştirici Network SVG path eleman baktı ve ben orada olduğunu öğrendim MoveTo komutu, M x y, sadece "kalem" i herhangi bir şey çizmeden bir noktaya taşır. Bu, d3js paketinde uygulandı mı? Böylece, eksik bir kayıtla her karşılaştığımda birkaç path öğesi oluşturmam gerekmeyecek mi?

Answer 1

d3.svg.line() ait defined işlevi yapmak yoludur bu

en y ye null ise grafikte bir mola eklemek istediğiniz diyelim: MoveTo kullanarak sahibi olmak için çok iyi olurdu

line.defined(function(d) { return d.y!=null; }) 

Answer 2

line.defined veya area.defined kullanın ve Area with Missing Data örneğine bakın.