Si je modifie la largeur de symbole / la hauteur dans un graphique à barres, le symbole est "inférieur" aligné sur le texte de la légende. Y a-t-il un moyen de «les aligner»?
http://jsfiddle.net/klodoma/h8j0kl1e/ p>
legend: {
...
symbolHeight: 5,
symbolWidth: 5,
symbolRadius: 0,
...
},
3 Réponses :
La seule façon dont je sais est d'utiliser CSS "c'est sale mais ça marche"
Vous pouvez calculer et définir TRUCTATEY code> Attribut pour le légende Symbole SVG Eléments: events: {
load: function() {
var legendItems = this.legend.allItems,
textBbox,
symbolBbox;
legendItems.forEach(function(item) {
textBbox = item.legendItem.getBBox();
symbolBbox = item.legendSymbol.getBBox();
item.legendSymbol.attr({
translateY: symbolBbox.height - textBbox.height / 2
});
});
}
}
J'ai posté une solution, qui est plus précis Y: textbbox.y + (textbbox.height - symbolbbox.height) / 2
http://jsfiddle.net/klodoma/p5mdy19u/
basé sur le Réponse de @ppotaczek j'ai aligné le y afin qu'il soit toujours aligné moyen, peu importe la taille de la symbole.