浮动中的条宽问题答案

【问题标题】：Bar width problem in flot浮动中的条宽问题
【发布时间】：2011-01-23 17:20:15
【问题描述】：

我有一个图表，显示代表 24 小时降雨量的条形图。现在我遇到的第一个问题是浮动条的默认宽度为 1px，请参见以下示例：

我搜索了一个解决方案，发现像这样指定条形宽度：

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

解决问题。现在这确实有效，但结果很糟糕。在我的示例中（图表显示每小时有 24 次降雨），现在会发生这种情况：

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

现在我想知道如何解决这个问题，时间线会像第一个示例一样，条形图的宽度为 1 小时？

【问题讨论】：

标签： flot

【解决方案1】：

问题在于用 php 填充数据以显示图表。我忽略了错误的数据求和，然后有一个条件，它在时间上添加到 php 数组中。所以最后它增加了额外的1小时。所以 barWidth : 60*60*1000 在我的情况下是正确的选择。

【讨论】：

【解决方案2】：

好吧，图表 x 轴的绘制方式是，如果在 13:00（最大值）有任何条形要显示，它将能够显示出来。这并不是真正的 Flot 事情，它只是拥有更宽的酒吧的结果。如果您希望它实际上不会走那么远，您可以使用 x 轴上的“min”和“max”选项来设置它。但是，如果您这样做了，并且在最后 13:00 有任何数据要显示，它将无法显示（因为较宽的栏没有足够的空间）。

【讨论】：

感谢您的回答，我想过这样做，但昨天在这里发布此问题后，我又查看了代码并找到了回答。