Flot條形圖與X軸標籤對齊條形圖

Question

你好我正在試圖用31天的數據繪製條形圖。然而，當我繪製它，每個數據標籤是不能直接在其下方欄中的中心，當我在酒吧設置爲

align: "center" 

，第一棒和最後一棒被切成一半。

這裏是的jsfiddle： http://jsfiddle.net/3T6qc/

如何設置它，這樣我看到完整的酒吧，並在中心有標籤正下方？ 請注意，我使用flot作爲繪圖庫。

Answer 1

嘿這裏有一些要注意你的小提琴的要點。

1. 你忘了使用軸標籤插件，在example.Flot可是沒有inbuild支撐軸label.You需要使用第三方插件它。 參考Flot plugin for axis label

2. 有關你的酒吧問題得到削減的邊緣，你可以參考Bar chart with align center 繼更新的代碼爲我工作

}

if (graphMode == "month") { 
$("#hSlider").slider("option", "min", 1.75); //add 0.75 offset 
$("#hSlider").slider("option", "max", 31.75); 
$("#hSlider").slider("option", "values", [ 1, 31 ]); 
for (var i = 1; i <= 31; i++) { 
    if (i < day) 
    { 
     d.push([ i, getRandomInt(1200, 1800) ]); 
    } 
    else 
    { 
     d.push([ i, 0]); 
    } 
} 
} 

所以，你需要更新你的代碼有點爲您的酒吧寬度添加偏移量。

Answer 2

這是一個已知問題;您需要通過調整軸的最小值和最大值來解決此問題。例如，如果您的刻度爲0,1,2，則需要將最小值設置爲-0.5，將最大值設置爲2.5以考慮條寬和居中。這應該很容易，因爲您已經有滑塊來指定這些值。