DC.js - Huyền thoại

Chú giải là một tùy chỉnh màn hình có thể đính kèm. Nó có thể được thêm vào các biểu đồ DC khác để hiển thị nhãn chú giải ngang. Chương này giải thích chi tiết về truyền thuyết.

Phương pháp chú giải

Legend hỗ trợ các phương pháp quan trọng sau đây. Hãy để chúng tôi đi qua từng một trong số họ chi tiết.

autoItemWidth ([width])

Phương pháp này được sử dụng để đặt hoặc tắt chiều rộng tự động cho các mục chú giải. Nếu đúng, itemWidth bị bỏ qua. Nó được định nghĩa dưới đây -

legend.autoItemWidth = function (width) {
   if (!arguments.length) {
      return _width;
   }
}

khoảng trống ([khoảng cách])

Phương pháp này được sử dụng để đặt hoặc lấy khoảng cách giữa các mục chú giải. Nó được định nghĩa như sau:

legend.gap = function (gap) {
   if (!arguments.length) {
      return _gap;
   }
}

ngang ([h])

Phương pháp này được sử dụng để định vị chú giải theo chiều ngang và được định nghĩa như sau.

_legend.horizontal = function (h) {
   if (!arguments.length) {
      return _h;
   }
};

itemHeight ([itemHeight])

Phương thức này được sử dụng để đặt hoặc lấy chiều cao của mục chú giải.

legend.itemHeight = function (itemHeight) {
   if (!arguments.length) {
      return _itemHeight;
   }
};

itemWidth ([itemWidth])

Phương pháp này được sử dụng để đặt hoặc lấy chú giải chiều rộng mục cho chú giải ngang.

_legend.itemWidth = function (itemWidth) {
   if (!arguments.length) {
      return _itemWidth;
   }
};

LegendText ([text])

Phương thức này được sử dụng để đặt hoặc lấy hàm văn bản chú giải. Tiện ích chú giải sử dụng chức năng này để hiển thị văn bản chú giải cho từng mục. Nếu không có chức năng nào được chỉ định, tiện ích chú giải sẽ hiển thị các tên được liên kết với mỗi nhóm. Một ví dụ đơn giản được hiển thị bên dưới:

legend.legendText(dc.pluck('name'))

maxItems ([mục])

Phương thức này được sử dụng để hiển thị số lượng tối đa các mục chú giải.

x ([x])

Nó được sử dụng để đặt hoặc lấy tọa độ x cho tiện ích chú giải và được định nghĩa bên dưới:

legend.x = function (x) {
   if (!arguments.length) {
      return _x;
   }
};

Tương tự, bạn cũng có thể thực hiện tọa độ y.