d3.jsを使用して折れ線グラフの線の間にスペースを入れるには

Question

現在4本の線を描いています。私は一連の行の間にスペースを入れたいと思っています。写真のようなもの。

どうすればいいですか？

http://plnkr.co/edit/qmkxYEJYpIkXUQUMQMDa?p=preview

paths.attr('transform', null) 
      .transition() 
      .duration(duration) 
      .ease('linear') 
      .attr('transform', 'translate(' + x(now - (limit - 1) * duration) + ')') 
      .each('end', tick) 

Answer 1

あなただけお互いからそれらを分離するyの異なる量によってそれらを翻訳し、個々のパスにtranslateを追加することができます。

コードのthis forkに例があります。

グループをループすると、すでに各グループのパスが追加されています。別の属性（）を追加してから、グループごとに任意の距離（たとえば、50）だけyTranslateを増やしてください。

y-翻訳の量をグループのプロパティにすることもできます。グループ変換の前にグループ変換を設定することもできます。これは、colorの指定方法に似ています。