DC.js - toạ độGridMixin

Tọa độ & Trục cũng được gọi là coordinateGridMixin được thiết kế để hỗ trợ một số loại biểu đồ bê tông dựa trên lưới tọa độ như Biểu đồ thanh, Biểu đồ đường, v.v. Phân cấp của Tọa độ GridMixin được xác định trong sơ đồ dưới đây.

Tọa độ GridMixin hỗ trợ một số phương pháp để giảm khối lượng công việc trong việc tạo trục tọa độ và chúng như sau:

brushOn ([brushOn])
chartBodyG ([body])
clipPadding ([pad])
đàn hồiX ([X])
tiêu điểm ([phạm vi])
g ([gốc])
isOrdinal()
mouseZoomable ([Zoom])
rangeChart ([phạm vi])
round(r)
xAxisMax()
xAxisMin()
xUnitCount()

Hãy để chúng tôi thảo luận ngắn gọn về từng phương pháp này.

brushOn ([brushOn])

Nó là một bộ lọc phạm vi dựa trên bàn chải. Bạn có thể đặt Bật / Tắt. Nếu bật tính năng chải, người dùng có thể kéo chuột trên biểu đồ. Bật có thể tắt các yếu tố tương tác khác trên biểu đồ như tô sáng, mẹo công cụ và đường tham chiếu. Nó được định nghĩa dưới đây -

chart.brushOn = function (brushOn) {
   if (!arguments.length) {
      return _brushOn;
   }
   _brushOn = brushOn;
   return chart;
};

chartBodyG ([body])

Nó được sử dụng để truy xuất nhóm SVG cho nội dung biểu đồ. Bạn có thể gọi hàm này như hình dưới đây:

chart.chartBodyG = function (body) {
   if (!arguments.length) {
      return _chartBodyG;
   }
};

clipPadding ([pad])

Nó được sử dụng để lấy hoặc đặt phần đệm theo pixel cho đường dẫn clip. Nó được định nghĩa dưới đây -

chart.clipPadding = function (pad) {
   if (!arguments.length) {
      return _clipPadding;
   }   
};

đàn hồiX ([X])

Phương pháp này được sử dụng để bật / tắt hành vi trục x đàn hồi. Nếu tính năng co giãn trục x được bật, thì biểu đồ lưới sẽ cố gắng tính toán lại phạm vi trục x. Nó kích hoạt sự kiện vẽ lại được xác định bên dưới:

chart.elasticX = function (X) {
   if (!arguments.length) {
      return _x;
   }
}

Tương tự, bạn có thể thực hiện co giãnY ([Y]).

tiêu điểm ([phạm vi])

Phương pháp này được sử dụng để thu phóng biểu đồ để tập trung vào phạm vi nhất định. Phạm vi đã cho phải là một mảng chỉ chứa hai phần tử ([bắt đầu, kết thúc]).

g ([gốc])

Phương thức này được sử dụng để lấy hoặc đặt phần tử g gốc.

isOrdinal ()

Phương thức này được sử dụng để trả về xUnits thứ tự của biểu đồ. Hầu hết các biểu đồ hoạt động khác nhau với dữ liệu thứ tự và sử dụng kết quả của phương pháp này để kích hoạt logic thích hợp.

mouseZoomable ([Zoom])

Phương pháp này được sử dụng để thiết lập hoặc lấy khả năng thu phóng của chuột.

rangeChart ([phạm vi])

Nó được sử dụng để lấy hoặc thiết lập biểu đồ lựa chọn phạm vi được liên kết với phiên bản.

vòng (r)

Phương pháp này được sử dụng để đặt hoặc lấy chức năng làm tròn được sử dụng để định lượng vùng chọn khi bật tính năng đánh răng.

xAxisMax ()

Tính giá trị x lớn nhất để hiển thị trong biểu đồ. Tương tự, chúng ta có thể thực hiện đối với trục Y.

xAxisMin ()

Tính giá trị x nhỏ nhất để hiển thị trong biểu đồ. Tương tự, chúng ta có thể thực hiện đối với trục Y.

xUnitCount ()

Trả về số lượng đơn vị được hiển thị trên trục x. Tương tự, chúng ta có thể thực hiện đối với trục Y.