Взломать 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')