浮动时间绘图答案

【问题标题】：Flot time plotting浮动时间绘图
【发布时间】：2012-11-12 16:59:11
【问题描述】：

我正在尝试使用 flot 创建堆叠条形图。我有我的数据

var data = [{
        "data": [[1336979060, 0], [1339605620, 0], [1342232180, 0], [1344858740, 0], [1347485300, 0], [1350111860, 2]],
        "label": "1 months"},
    {
        "data": [[1336979060, 0], [1339605620, 0], [1342232180, 0], [1344858740, 0], [1347485300, 0], [1350111860, 1]],
        "label": "2 months"},
    {
        "data": [[1336979060, 0], [1339605620, 0], [1342232180, 0], [1344858740, 0], [1347485300, 0], [1350111860, 1]],
        "label": "3 months"},
    {
        "data": [[1336979060, 0], [1339605620, 0], [1342232180, 0], [1344858740, 0], [1347485300, 0], [1350111860, 0]],
        "label": "4 months"},
    {
        "data": [[1336979060, 0], [1339605620, 0], [1342232180, 0], [1344858740, 0], [1347485300, 0], [1350111860, 0]],
        "label": "5 months"},
    {
        "data": [[1336979060, 0], [1339605620, 0], [1342232180, 0], [1344858740, 0], [1347485300, 0], [1350111860, 0]],
        "label": "6 months"},
    {
        "data": [[1336979060, 0], [1339605620, 0], [1342232180, 0], [1344858740, 0], [1347485300, 0], [1350111860, 1]],
        "label": "7 months"}];

我创建了一个 fiddle 来帮助您更好地理解它：http://jsfiddle.net/julijan/g2aJV/4/

您可以看到它正确地渲染了标签，甚至正确地渲染了月份，这意味着它理解了数据，但是没有显示条形图。

有什么想法吗？

谢谢，朱利安

【问题讨论】：

您是否检查过您的数据时间值是否在 x 轴的最大值和最小值之内？
该死！这就是问题所在，需要将 x 值乘以 1000 才能转换为毫秒。现在它可以工作了，但还有另一个问题，条形图大约 1 像素厚jsfiddle.net/julijan/g2aJV/6 这有点道理，所有 x 值都在同一秒，但我希望我的条形图跨越整个月。
已解决，必须将条形宽度设置为适当的毫秒数，在我的情况下为 30.4 天。谢谢维科曼！如果有人遇到类似问题，这是最后的小提琴：jsfiddle.net/julijan/g2aJV/7
Julijan，您应该将您的修复作为您自己问题的答案发布，然后将其标记为答案，这样当遇到类似问题并遇到此帖子的人时，这样可以更轻松地进行故障排除。 .. 一天。

标签： javascript jquery time-series flot bar-chart

【解决方案1】：

要解决此问题，请确保您的 x 值在您定义的 min-max 范围内。如果您使用的是 unix 时间戳，请确保将其乘以 1000 以将秒转换为毫秒。

【讨论】：