Déplacement des étiquettes xaxis dans le flot

Question

Essaie de centrer l'étiquette de texte sous un diagramme à barres sous le xaxis in flot.
le balisage d'origine de Flot ressemble à ceci:

<div style="position: absolute; text-align: center; left: -20px; top: 185px; width: 79px;" class="tickLabel"><span class="chart-label">Lorem</span></div> 

Je veux que le balisage de l'étiquette résultante ressemble à ceci:

<div style="position: absolute; text-align: center; left: 0px; top: 185px; width: 79px;" class="tickLabel"><span class="chart-label">Lorem</span></div> 

Ce code a fait jusqu'à présent l'affaire, mais je me demandais s'il y avait une meilleure façon d'aligner les étiquettes. Je ne peux pas remplacer le placement dans css car l'attribut left est en ligne.

Answer 1

Vous pouvez utiliser CSS seul:

.tickLabel .chart-label { padding-left:20px } 

Ou voici une légère amélioration à la vôtre:

$('.tickLabel').each(function(){ 
    var me = $(this); 
    me.css('left',parseInt(me.css('left'))+20+'px'); 
});