Clippath не работает, когда генерируются динамические идентификаторы - PullRequest
Новая
       26

Clippath не работает, когда генерируются динамические идентификаторы

0 голосов
/ 19 сентября 2019

Я реализовал гистограмму кистью (D3.js V3).Я применил clip-path, который отлично работает для жестко заданного значения (#clip).Но когда я попытался сделать это с динамическим идентификатором, он не работал.когда я нажимаю на кнопку, которая открывает окно модели, высота столбцов также обрезается.

Изображение с всплывающей моделью

Заранее спасибо.

svg.append("defs")

.append("clipPath")
//  .attr("id", container)
.attr("id", "clip")
.append("rect")
.attr("x", 0)
.attr("y", 0)
.attr("width", width)
.attr("height", height);


 var dev = '# '+ container ;
 main.append("g")
.attr('clip-path', 'url(#clip)')// this is hard coded id
//.attr('clip-path', "url("+ dev +")")// this is dynamic id
.attr("class", "bars")
...