在flot中移動xaxis標籤

Question

嘗試將文本標籤置於flax中xaxis下方的條形圖下方。
從海軍報原來的標記看起來是這樣的：

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

我想要的結果標籤標記看起來是這樣的：

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

此代碼迄今所做的伎倆，但我不知道是否有一種更好的對齊標籤的方法。

$.each($('.chart-label'),function(idx,el){ 
var c = $(el); 
var value = c.parent().css('left'); 
c.parent().css('left',parseInt(value)+20+'px'); 
}); 

我不能重寫在CSS中的位置，因爲左側的屬性是內聯的。單獨

Answer 1

你可以使用CSS：

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

或者這裏有一個小的改進，你的：

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