Topojson 영역 내에서 획을 렌더링합니다. 전체 모양의 스타일을 변경하는 방법?

Question

Topojson 파일에서 마우스 오버로 전체 모양의 획을 변경하지 않는 개별 요소의 획을 변경하는 데 문제가 있습니다.

시각적 아마 최고 :

내가 마우스 오버에 같은 스트로크를받을 카운티 모양 영역에서 모든 경계 요소를 싶습니다. 대신, 나는 국경의 일부만 뇌졸중을 변경하는이 이상한 효과를 얻고 있습니다.

Answer 1

나는이 같은 솔루션을 사용하여 종료가, referenced here.

.on("mouseover", function(d,i) { 
    d3.select(this.parentNode.appendChild(this)).transition().duration(300) 
     .style({'stroke-opacity':1,'stroke':'#F00'}); 
}) 

Answer 2

그려진 도형이 모두 shapes이라는 데이터 바인딩 된 d3 선택 항목에 있다고 가정 해 봅시다 (일반적인 입력, 업데이트, 종료 흐름을 사용하여 만듭니다). 그렇다면이 같은 작업을해야합니다 :

shapes.on('mouseover', function(d, i) { 
    // d is the datum of the hovered shape 

    // data is all the data currently bound to shapes 
    var data = shapes.data(); 

    // this'll sort the data such that the hovered d is last in the array 
    data.sort(function(a,b) { return d3.ascending(a == d, b == d); }) 

    // now that the data is sorted, reorder the shapes to match 
    // the order within data. 
    shapes.data(data);// NOTE: there's a good chance this line is not necessary. Try taking it out. 
    shapes.order(); 
});