DC.js - Leyenda

Legend es una personalización de pantalla acoplable. Se puede agregar a otros gráficos de DC para representar etiquetas de leyenda horizontales. Este capítulo explica la leyenda en detalle.

Métodos de leyenda

Legend admite los siguientes métodos importantes. Repasemos cada uno de ellos en detalle.

autoItemWidth ([ancho])

Este método se utiliza para activar o desactivar un ancho automático para los elementos de la leyenda. Si es verdadero, itemWidth se ignora. Se define a continuación:

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

brecha ([brecha])

Este método se utiliza para establecer u obtener un espacio entre los elementos de la leyenda. Se define de la siguiente manera:

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

horizontal ([h])

Este método se utiliza para colocar la leyenda horizontalmente y se define de la siguiente manera.

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

itemHeight ([itemHeight])

Este método se utiliza para establecer u obtener la altura del elemento de leyenda.

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

itemWidth ([itemWidth])

Este método se utiliza para establecer u obtener la leyenda del ancho del elemento para una leyenda horizontal.

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

legendText ([texto])

Este método se utiliza para establecer u obtener la función de texto de leyenda. El widget de leyenda utiliza esta función para representar el texto de la leyenda de cada elemento. Si no se especifica ninguna función, el widget de leyenda mostrará los nombres asociados con cada grupo. A continuación se muestra un ejemplo sencillo:

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

maxItems ([artículos])

Este método se utiliza para mostrar el número máximo de elementos de leyenda.

x ([x])

Se utiliza para establecer u obtener la coordenada x para un widget de leyenda y se define a continuación:

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

Del mismo modo, también puede realizar la coordenada y.