flot中的条宽问题

时间:2011-01-23 17:20:15

标签: flot

我有一个图表,显示24小时内的降雨量。现在我遇到的第一个问题是flot中条形的默认1px宽度,请参见此示例:

alt text

我搜索了一个解决方案,发现像这样指定barwidth:

bars: { 
        show: true,
        barWidth : 60*60*1000 //1h
    }

解决了这个问题。现在这确实有效,但结果不好。在我的例子中(每小时显示24次降雨量的图表)现在发生这种情况:

alt text

从第一个示例中可以看出,条形宽度为1px,时间从前一天的13:00到第二天的13:00。现在当条形宽度固定时,由于某种原因,时间从13:00到14:00。现在我尝试了不同的barWidth设置,例如50 * 60 * 1000,但是不能正确缩放加上边距开始出现在每个条形图中。

现在我想知道如何解决这个问题,时间轴会像第一个例子那样,并且条形宽度为1小时?

2 个答案:

答案 0 :(得分:9)

问题在于使用php填充数据来填充图表。我忽略了错误的数据总和,然后有一个条件,这增加了php数组的时间。所以最后它增加了1小时。所以barWidth:60 * 60 * 1000在我的情况下是正确的。

答案 1 :(得分:4)

嗯,图表x轴正在以这样的方式绘制,以便如果在13:00(最大值)显示任何条形图,它将能够显示它。这不是真正的Flot,它只是拥有更宽的条形的结果。如果你想让它实际上不那么远,你可以使用x轴上的“min”和“max”选项来设置它。但是,如果你这样做,并且在最后13:00有任何数据显示,它将无法显示(因为更宽的栏没有足够的空间)。