D3 :

Question

햇살

의 영역 내에서 마우스 오버 텍스트 변경은 여기 햇살 코드를 가지고 : http://plnkr.co/edit/EG0MzWEPB242g7VdSQQd?p=preview

나는 "종양 세포에서"(그림에서 아래에 캡션을 참조)에 해당하는 오렌지 영역을 클릭하면, I "종양 세포"를 중심으로 초점을 맞춘 다이어그램을 얻습니다.

"간 또는 췌장"이라고 표시된 영역의 영역을 마우스로 가리키면 캡션 상자의 텍스트가 변경되어서는 안되는 동안 변경됩니다. 나는이 문제가 단지 두 번째와 세 번째 사분면 (90도에서 270도까지)에 있다고 가정한다. 많은 시간을 소비 한 후에이 문제를 해결할 방법을 찾지 못했습니다.

나는 그 중 하나에 대한 답변을 희망합니다.

Answer 1

문제는 세그먼트를 클릭 할 때 업데이트되지 않는 g 요소로 핸들러 위로 마우스를 연결하는 것입니다. 이 문제를 쉽게 해결할 수있는 방법은 처리기를 path 요소에 연결하는 것입니다. 이 경우에는 포인터 이벤트를받지 못하도록 text 요소를 설정하여 마우스를 움직일 때 잘못된 마우스 이벤트가 발생하지 않도록해야합니다.

완료 데모 here.