자바 스크립트 라이브러리 d3 호출 기능

자바 스크립트 라이브러리 d3 호출 기능

---

d3.call ()이 어떻게 작동하는지 언제 어디서 사용하는지 이해할 수 없습니다. 완료하려는 튜토리얼 링크는 다음과 같습니다 .

누군가이 작품이하는 일을 구체적으로 설명해 주시겠습니까?

var xAxis = d3.svg.axis()
              .scale(xScale)
              .orient("bottom");

svg.append("g").call(xAxis);

---

여기서 트릭은 xAxis가 SVG 요소를 생성하는 함수라는 것을 이해하는 것입니다. 실제로에서 반환하는 함수 d3.svg.axis()입니다. scale 및 orient 함수는 연결 구문의 일부일뿐입니다 (자세한 내용은 http://alignedleft.com/tutorials/d3/chaining-methods/ ).

따라서 svg.append("g")SVG 그룹 요소를 svg에 추가하고 선택의 형태로 자신에 대한 참조를 반환합니다 (여기서는 동일한 체인 구문). call선택에 사용할 때 선택 xAxis요소에 이름이 지정된 함수를 호출합니다 g. 이 경우 xAxis새로 생성 및 추가 된 그룹 에서 축 함수를 실행하고 g있습니다.

그래도 이해가되지 않으면 위의 구문은 다음과 같습니다.

xAxis(svg.append("g"));

또는:

d3.svg.axis()
      .scale(xScale)
      .orient("bottom")(svg.append("g"));

참고 URL : https://stackoverflow.com/questions/12805309/javascript-library-d3-call-function