DC.js - Legenda

Legend é uma personalização de tela anexável. Ele pode ser adicionado a outros gráficos DC para renderizar rótulos de legenda horizontais. Este capítulo explica sobre a lenda em detalhes.

Métodos de legenda

A legenda suporta os seguintes métodos importantes. Vamos examinar cada um deles em detalhes.

autoItemWidth ([largura])

Este método é usado para definir uma largura automática para itens de legenda ativada ou desativada. Se verdadeiro, itemWidth é ignorado. É definido abaixo -

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

gap ([gap])

Este método é usado para definir ou obter uma lacuna entre os itens da legenda. É definido como segue -

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

horizontal ([h])

Este método é usado para posicionar a legenda horizontalmente e é definido como segue.

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

itemHeight ([itemHeight])

Este método é usado para definir ou obter a altura do item da legenda.

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

itemWidth ([itemWidth])

Este método é usado para definir ou obter a legenda da largura do item para uma legenda horizontal.

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

legendText ([text])

Este método é usado para definir ou obter a função de texto da legenda. O widget de legenda usa esta função para renderizar o texto da legenda para cada item. Se nenhuma função for especificada, o widget de legenda exibirá os nomes associados a cada grupo. Um exemplo simples é mostrado abaixo -

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

maxItems ([itens])

Este método é usado para exibir o número máximo de itens de legenda.

x ([x])

É usado para definir ou obter a coordenada x para um widget de legenda e é definido abaixo -

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

Da mesma forma, você também pode executar a coordenada y.