打破SVG线

Question

我使用SVG和d3js，我想要一个值为：

的行

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

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

有办法吗？

Answer 1

您可能需要为此插入'path'元素。

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