DC.js — Легенда

Легенда — это настраиваемая настройка экрана. Он может быть добавлен к другим диаграммам DC для отображения горизонтальных надписей легенды. В этой главе подробно рассказывается о легенде.

Методы легенды

Легенда поддерживает следующие важные методы. Давайте рассмотрим каждый из них подробно.

autoItemWidth ([ширина])

Этот метод используется для включения или выключения автоматической ширины элементов легенды. Если true, itemWidth игнорируется. Это определено ниже —

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

пробел ([пробел])

Этот метод используется для установки или получения пропуска между элементами легенды. Это определяется следующим образом —

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

горизонтальный ([ч])

Этот метод используется для позиционирования легенды по горизонтали и определяется следующим образом.

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

itemHeight ([itemHeight])

Этот метод используется для установки или получения высоты элемента легенды.

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

itemWidth ([itemWidth])

Этот метод используется для установки или получения легенды ширины элемента для горизонтальной легенды.

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

legendText ([текст])

Этот метод используется для установки или получения текстовой функции легенды. Виджет легенды использует эту функцию для визуализации текста легенды для каждого элемента. Если функция не указана, виджет легенды будет отображать имена, связанные с каждой группой. Простой пример показан ниже —

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

maxItems ([items])

Этот метод используется для отображения максимального количества элементов легенды.

х ([х])

Он используется для установки или получения x-координаты для виджета легенды и определяется ниже —

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

Точно так же вы можете также выполнить Y-координату.