Dessiner des lignes non continues avec d3

J'utilise d3.js pour créer un graphique linéaire simple. Je veux savoir s'il existe un moyen de créer des «trous» dans le graphique, c'est-à-dire si la ligne peut être interrompue ou coupée lorsqu'il n'y a pas de données disponibles.

Je recherche soit supprimer les endroits dont je n'ai pas besoin, soit régler le poids de la ligne sur 0 dans des segments spécifiques, mais je ne peux pas trouver un moyen de faire l'un ou l'autre de ces domaines.

Merci de votre aide!

Le générateur de ligne D3 a une fonction intégrée pour faire cela, line.defined . Vous pouvez utiliser cette fonction pour contrôler où votre ligne est définie et où elle ne l'est pas (comme l'endroit où vous avez des données manquantes.) Si vous vouliez que votre ligne soit indéfinie chaque fois que la seconde valeur dans le tableau de points est une valeur NaN javascript, vous pourriez dire:

line.defined(function(d) { return !isNaN(d[1]); }); 

Voici un bon exemple de ceci en action.