DC.js - Légende
Legend est une personnalisation d'écran amovible. Il peut être ajouté à d'autres graphiques DC pour rendre les étiquettes de légende horizontales. Ce chapitre explique en détail la légende.
Méthodes de légende
Legend prend en charge les méthodes importantes suivantes. Passons en revue chacun d'eux en détail.
autoItemWidth ([largeur])
Cette méthode est utilisée pour activer ou désactiver une largeur automatique pour les éléments de légende. Si vrai, itemWidth est ignoré. Il est défini ci-dessous -
legend.autoItemWidth = function (width) {
if (!arguments.length) {
return _width;
}
}
écart ([écart])
Cette méthode est utilisée pour définir ou obtenir un espace entre les éléments de légende. Il est défini comme suit -
legend.gap = function (gap) {
if (!arguments.length) {
return _gap;
}
}
horizontal ([h])
Cette méthode est utilisée pour positionner la légende horizontalement et est définie comme suit.
_legend.horizontal = function (h) {
if (!arguments.length) {
return _h;
}
};
itemHeight ([itemHeight])
Cette méthode est utilisée pour définir ou obtenir la hauteur de l'élément de légende.
legend.itemHeight = function (itemHeight) {
if (!arguments.length) {
return _itemHeight;
}
};
itemWidth ([itemWidth])
Cette méthode est utilisée pour définir ou obtenir la légende de la largeur de l'élément pour une légende horizontale.
_legend.itemWidth = function (itemWidth) {
if (!arguments.length) {
return _itemWidth;
}
};
legendText ([texte])
Cette méthode est utilisée pour définir ou obtenir la fonction de texte de légende. Le widget de légende utilise cette fonction pour rendre le texte de la légende de chaque élément. Si aucune fonction n'est spécifiée, le widget de légende affichera les noms associés à chaque groupe. Un exemple simple est montré ci-dessous -
legend.legendText(dc.pluck('name'))
maxItems ([éléments])
Cette méthode est utilisée pour afficher le nombre maximum d'éléments de légende.
x ([x])
Il est utilisé pour définir ou obtenir la coordonnée x d'un widget de légende et est défini ci-dessous -
legend.x = function (x) {
if (!arguments.length) {
return _x;
}
};
De même, vous pouvez également effectuer la coordonnée y.