D3.js SVG маска и как сохранить оригинальные цвета контуров - PullRequest
Новая
       29

D3.js SVG маска и как сохранить оригинальные цвета контуров

0 голосов
/ 23 апреля 2019

Я использую D3 для создания динамического пути SVG из живых данных. Поэтому, когда вы прокручиваете путь слева и нажимаете на него новые точки, мне нужно маскировать путь слева и справа. Мои пути используют указанные цвета, и мне нужно сохранить их:

enter image description here

svg.append("mask")
    .attr("id", "path-mask")
.append("path")
    .datum(dataset)
    .attr("class", "line")
    .attr("d", line)
    .style('stroke', colors(data_index))
    .style('stroke-width', strokeWidth)     

return svg.append("rect")
    .attr("mask", "url(#path-mask")")   
    .attr("x", 0)
    .attr("y", 0)
    .attr("width", width)
    .attr("height", height)

Но когда я надеваю маску, я получаю дорожки с черными цветами.

enter image description here

Есть идеи, как сохранить оригинальные цвета?

...