Chức năng gọi thư viện Javascript d3

Question

Tôi không thể hiểu cách d3.call() hoạt động như thế nào và khi nào và ở đâu để sử dụng. Here là liên kết hướng dẫn mà tôi đang cố gắng hoàn thành.

Ai đó có thể xin giải thích cụ thể những gì tác phẩm này được làm

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

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

Answer 1

tôi nghĩ thủ thuật ở đây là phải hiểu rằng Xaxis là một chức năng mà tạo ra một loạt các yếu tố SVG. Trong thực tế, nó là hàm trả về bởi d3.svg.axis(). Các hàm tỷ lệ và định hướng chỉ là một phần của cú pháp chuỗi (đọc thêm ở đây: http://alignedleft.com/tutorials/d3/chaining-methods/).

Vì vậy, svg.append("g") nối thêm phần tử nhóm SVG vào svg và trả về tham chiếu đến chính nó dưới dạng một lựa chọn (cú pháp chuỗi giống nhau tại nơi làm việc tại đây). Khi bạn sử dụng call trên lựa chọn, bạn đang gọi hàm có tên xAxis trên các phần tử của vùng chọn g. Trong trường hợp này, bạn đang chạy hàm trục, xAxis, trên nhóm mới được tạo và nối thêm, g.

Nếu điều đó vẫn không có ý nghĩa, cú pháp trên là tương đương với:

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

hay:

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