Изменение цвета одного узла в d3

Question

Есть ли способ изменить цвет узла или ссылки напрямую, а не итерации на всех узлах или ссылках.

Я знаю идентификатор узла или ссылки.

node.select("circle").style("fill", function (o) { 
     if(o.id == source || o.id == target) { 
      return PATH_COLOR; 
     } 
     return d3.select(this).style("fill"); 
    }); 

Answer 1

Если вы знаете идентификатор элемента svg, вы можете напрямую применить к нему любой css. Скажем, у вас есть circle с идентификатором «one»

<circle id="one" cx="10" cy="20" r="10"></circle> 

Тогда вы можете просто сделать это,

d3.select('#one').style('fill','red'); 

Answer 2

Примените стили, как показано ниже. Новый цвет заливки будет применяться только для узлов с идентификатором source и id target.

d3.select("#"+source).style("fill", PATH_COLOR); 
d3.select("#"+target).style("fill", PATH_COLOR);