DC.js - Legenda

Legenda to dołączana personalizacja ekranu. Można go dodać do innych wykresów DC, aby renderować poziome etykiety legendy. W tym rozdziale szczegółowo opisano legendę.

Metody legendy

Legend obsługuje następujące ważne metody. Przeanalizujmy szczegółowo każdy z nich.

autoItemWidth ([szerokość])

Ta metoda służy do włączania lub wyłączania automatycznej szerokości elementów legendy. Jeśli prawda, itemWidth jest ignorowana. Jest zdefiniowany poniżej -

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

przerwa ([przerwa])

Ta metoda służy do ustawiania lub uzyskiwania odstępu między elementami legendy. Jest zdefiniowany w następujący sposób -

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

poziomy ([h])

Ta metoda służy do pozycjonowania legendy w poziomie i jest zdefiniowana w następujący sposób.

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

itemHeight ([itemHeight])

Ta metoda służy do ustawiania lub pobierania wysokości elementu legendy.

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

itemWidth ([itemWidth])

Ta metoda służy do ustawiania lub pobierania legendy szerokości elementu dla legendy poziomej.

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

legendText ([tekst])

Ta metoda służy do ustawiania lub pobierania funkcji tekstu legendy. Widżet legendy używa tej funkcji do renderowania tekstu legendy dla każdego elementu. Jeśli nie określono żadnej funkcji, widżet legendy wyświetli nazwy skojarzone z każdą grupą. Prosty przykład pokazano poniżej -

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

maxItems ([items])

Ta metoda służy do wyświetlania maksymalnej liczby elementów legendy.

x ([x])

Służy do ustawiania lub pobierania współrzędnej x dla widżetu legendy i jest zdefiniowana poniżej -

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

Podobnie możesz również wykonać współrzędną y.