javascript - 断开 SVG 线

Question

我使用 SVG 和 d3js，我想要一条具有以下值的行：

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

因此，例如，我想要一条包含这些点的线，但在点“20,25”和“30,40”之间我什么都不想要（或者一条透明的线）。而且我不想有两条线。

有没有办法做到这一点？

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')