d3 함수의 현재 현재 속성에 액세스

Question

circle은 d3 개의 서클 배열입니다.

 circle 
     .attr("cy", function(){ this.attr("cy") + 10*input_data.pitch }); 

이것은 실패합니다. 위와 같은 익명 함수의 개별 속성에 어떻게 액세스 할 수 있습니까?

Answer 1

this은 W3C DOM API 당 Element입니다. 따라서 그것은 단지 this.getAttribute("cy")입니다.

두 가지 더 : return 값을 잊어 버렸습니다. 그리고 속성 값은 문자열이므로 다른 번호를 추가하기 전에 번호를 강요해야합니다. 그렇지 않으면 숫자가 문자열로 강제 변환 된 다음 두 문자열이 연결됩니다. "10" + 2은 12이 아닌 "102"입니다. 이 같은

:

circle.attr("cy", function() { 
    return +this.getAttribute("cy") + 10 * input_data.pitch; 
}); 

말했다 모든, 그것은 다시 DOM 속성 중 데이터를 끌어 일반적으로 관용적 D3 아니다. DOM 속성은 문자열 일 뿐이므로 속도가 느리고 강요 및 직렬화 문제가 있습니다. 따라서 데이터를 기반으로이를 수행하는 방법을 찾고 데이터 기반 문서가 아닌 문서 중심 데이터를 사용하는 것이 좋습니다.