DC.js - Legende

Legende ist eine anhängbare Bildschirmanpassung. Es kann anderen DC-Diagrammen hinzugefügt werden, um horizontale Legendenbeschriftungen zu rendern. In diesem Kapitel wird die Legende ausführlich erläutert.

Legendenmethoden

Legend unterstützt die folgenden wichtigen Methoden. Lassen Sie uns jeden einzelnen von ihnen im Detail durchgehen.

autoItemWidth ([width])

Diese Methode wird verwendet, um eine automatische Breite für Legendenelemente ein- oder auszuschalten. Wenn true, wird itemWidth ignoriert. Es ist unten definiert -

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

Lücke ([Lücke])

Diese Methode wird verwendet, um eine Lücke zwischen den Legendenelementen festzulegen oder zu erhalten. Es ist wie folgt definiert:

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

horizontal ([h])

Diese Methode wird verwendet, um die Legende horizontal zu positionieren und ist wie folgt definiert.

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

itemHeight ([itemHeight])

Diese Methode wird verwendet, um die Höhe des Legendenelements festzulegen oder abzurufen.

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

itemWidth ([itemWidth])

Diese Methode wird verwendet, um der Legende die Elementbreite für eine horizontale Legende festzulegen oder abzurufen.

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

legendText ([Text])

Diese Methode wird verwendet, um die Legendentextfunktion festzulegen oder abzurufen. Das Legenden-Widget verwendet diese Funktion, um den Legenden-Text für jedes Element zu rendern. Wenn keine Funktion angegeben ist, zeigt das Legenden-Widget die Namen an, die jeder Gruppe zugeordnet sind. Ein einfaches Beispiel ist unten gezeigt -

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

maxItems ([items])

Diese Methode wird verwendet, um die maximale Anzahl von Legendenelementen anzuzeigen.

x ([x])

Es wird verwendet, um die x-Koordinate für ein Legenden-Widget festzulegen oder abzurufen. Es wird unten definiert:

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

In ähnlicher Weise können Sie auch die y-Koordinate ausführen.