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以考虑条宽和居中。这应该很容易，因为您已经有滑块来指定这些值。