d3에서 채우기 색상 재설정

Question

지구를 만들기 위해 d3을 사용하고 있습니다. 나는 "unrepresented"라는 배열에 있는지에 따라 국가의 채우기 색상을 변경하고 싶습니다. 하지만 채우기 색상을 변경할 수는 없습니다. 잘못된 구문을 사용합니까?

d3.json("world-countries.json", function(collection) { 

     feature = svg.selectAll("path") 
       .data(collection.features) 
       .enter().append("svg:path") 
       .attr("d", clip) 
       .attr("id", function(d) { return d.id; }) 
       .on("mouseover", pathOver) 
       .on("mouseout", pathOut) 
       .on("click", click); 

      feature.append("svg:title") 
       .text(function(d) { return d.properties.name; }); 

      feature.each(function(){ 
      thisOne = $(this).attr('id'); 
      for (var i=0; i<unrepresented.length; i++){ 
       if ($(this).attr('id') == unrepresented[i]) { 
        thisOne.style("fill", "#000000");; 
       } 
      } 
      }); 


}); 

Answer 1

thisOne 코드에서 노드의 ID입니다 - 당신이에 스타일을 설정할 수 없습니다. 내가 그 변경 한

d3.select(this).style("fill", "#000000");