javascript - SVG ラインの分割

Question

私は SVG と d3js を使用しており、次のような値を持つ行が必要です。

0,10 - 10,20 - 20,25 - 30,40 - 40,50

したがって、たとえば、これらの点を含む線が必要ですが、点「20,25」と「30,40」の間には何も必要ありません (または線は透明です)。そして、私は2行にしたくありません。

それを行う方法はありますか？

Answer 1

これにはおそらく「パス」要素を挿入する必要があります。

d3.select('svg')
    .append('path')
    .attr('d', 'M0,10 L10,20 L20,25 M30,40 L40,50')
    .attr('stroke', 'black')
    .attr('fill', 'none')