DC.js - Legend
Legend è una personalizzazione dello schermo collegabile. Può essere aggiunto ad altri grafici DC per eseguire il rendering delle etichette della legenda orizzontale. Questo capitolo spiega in dettaglio la legenda.
Metodi di legenda
Legend supporta i seguenti importanti metodi. Esaminiamo ciascuno di essi in dettaglio.
autoItemWidth ([larghezza])
Questo metodo viene utilizzato per attivare o disattivare una larghezza automatica per gli elementi della legenda. Se true, itemWidth viene ignorato. È definito di seguito:
legend.autoItemWidth = function (width) {
if (!arguments.length) {
return _width;
}
}
gap ([gap])
Questo metodo viene utilizzato per impostare o ottenere uno spazio tra gli elementi della legenda. È definito come segue:
legend.gap = function (gap) {
if (!arguments.length) {
return _gap;
}
}
orizzontale ([h])
Questo metodo viene utilizzato per posizionare la legenda orizzontalmente ed è definito come segue.
_legend.horizontal = function (h) {
if (!arguments.length) {
return _h;
}
};
itemHeight ([itemHeight])
Questo metodo viene utilizzato per impostare o ottenere l'altezza dell'elemento della legenda.
legend.itemHeight = function (itemHeight) {
if (!arguments.length) {
return _itemHeight;
}
};
itemWidth ([itemWidth])
Questo metodo viene utilizzato per impostare o ottenere dalla legenda la larghezza dell'elemento per una legenda orizzontale.
_legend.itemWidth = function (itemWidth) {
if (!arguments.length) {
return _itemWidth;
}
};
legendText ([text])
Questo metodo viene utilizzato per impostare o ottenere la funzione di testo della legenda. Il widget della legenda utilizza questa funzione per eseguire il rendering del testo della legenda per ogni elemento. Se non viene specificata alcuna funzione, il widget della legenda visualizzerà i nomi associati a ciascun gruppo. Di seguito viene mostrato un semplice esempio:
legend.legendText(dc.pluck('name'))
maxItems ([articoli])
Questo metodo viene utilizzato per visualizzare il numero massimo di elementi della legenda.
x ([x])
Viene utilizzato per impostare o ottenere la coordinata x per un widget legenda ed è definito di seguito:
legend.x = function (x) {
if (!arguments.length) {
return _x;
}
};
Allo stesso modo, puoi anche eseguire la coordinata y.