Jquery Flot中周图表数据的日期显示不正确

Jquery Flot中周图表数据的日期显示不正确,jquery,flot,Jquery,Flot,我试图在Flot中绘制一些数据,这些数据应该在时间模式下显示x轴。flot参考API没有表明minTickSize可以接受“周”作为一个单位,因此我将该单位指定为值为7的“天”: minTickSize: [7, "day"], 这将在某些刻度中显示间隔7天的刻度大小,在某些刻度中显示间隔约8-9天的刻度大小。下面是一个显示不一致刻度的示例: 我知道这张图表也没有画出我所期望的简单线条。仍在努力找出原因。当我从xaxis中删除除mode:time之外的所有选项时,它似乎可以工作,但当我添加

我试图在Flot中绘制一些数据,这些数据应该在时间模式下显示
x轴。flot参考API没有表明
minTickSize
可以接受“周”作为一个单位,因此我将该单位指定为值为7的“天”:

  minTickSize: [7, "day"],
这将在某些刻度中显示间隔7天的刻度大小,在某些刻度中显示间隔约8-9天的刻度大小。下面是一个显示不一致刻度的示例:

我知道这张图表也没有画出我所期望的简单线条。仍在努力找出原因。当我从xaxis中删除除mode:time之外的所有选项时,它似乎可以工作,但当我添加其他选项时就不行了

如果您有任何帮助,我们将不胜感激,了解如何使Flot添加间隔7天/1周的刻度,以及如何使图表在这种情况下实际绘制一条直线


谢谢大家!

首先。Flot的数据参数是一个系列数组。每个系列都是点的数组,每个点都是两个值的数组:x和y。因此,您的数据应该如下所示:

var data = [ [
    [1301634000000, 315.71], //Apr 1, 2011
    [1302238800000, 209.21], //Apr 8, 2011
    [1302843600000, 420.36], //Apr 15
    [1303448400000, 189.86], //4/22
    [1304053200000, 314.93], //4/29
    [1304658000000, 279.71], //5/6
    [1305262800000, 313.34], //5/13
    [1305867600000, 114.67], //5/20
    [1306472400000, 315.58] //5/27
] ];
下一个Flot是将您的[7,“日”]转换为[0.25,“月”]。minTickSize的值只有这么多,它可以接受(在源代码中搜索“spec”)

这意味着您必须自己提供刻度值。简单的方法是从第一个数据系列中获取x轴值,创建一个ticks数组,并将其传递到xaxis散列:

var ticks = [];
for (var i = 0; i < data[0].length; i++) {
  ticks.push(data[0][i][0]); //corrected the missing closing bracket here..
}

首先。Flot的数据参数是一个系列数组。每个系列都是点的数组,每个点都是两个值的数组:x和y。因此,您的数据应该如下所示:

var data = [ [
    [1301634000000, 315.71], //Apr 1, 2011
    [1302238800000, 209.21], //Apr 8, 2011
    [1302843600000, 420.36], //Apr 15
    [1303448400000, 189.86], //4/22
    [1304053200000, 314.93], //4/29
    [1304658000000, 279.71], //5/6
    [1305262800000, 313.34], //5/13
    [1305867600000, 114.67], //5/20
    [1306472400000, 315.58] //5/27
] ];
下一个Flot是将您的[7,“日”]转换为[0.25,“月”]。minTickSize的值只有这么多,它可以接受(在源代码中搜索“spec”)

这意味着您必须自己提供刻度值。简单的方法是从第一个数据系列中获取x轴值,创建一个ticks数组,并将其传递到xaxis散列:

var ticks = [];
for (var i = 0; i < data[0].length; i++) {
  ticks.push(data[0][i][0]); //corrected the missing closing bracket here..
}

找出图表不显示的原因..我的毫秒添加不正确。因此,该图表现在在我的开发环境中正确显示,但该图表仍然有不正确的记号,因为它们之间的间隔不是正好7天。屏幕截图在,但是JSFIDLE上的图表根本不显示。更新的链接是:jsfiddle.net/UEePE/583。在上面的原始帖子中也进行了更正。找出了图表不显示的原因。我添加的毫秒数不正确。因此,该图表现在在我的开发环境中正确显示,但该图表仍然有不正确的记号,因为它们之间的间隔不是正好7天。屏幕截图在,但是JSFIDLE上的图表根本不显示。更新的链接是:jsfiddle.net/UEePE/583。在上面的原始帖子中也进行了更正。谢谢!我纠正了你文章中缺少的一个结束括号,它在我的开发环境中工作得非常好。但是在JSFIDLE中仍然不起作用..我使用了这个,但是当我使用这个时,性能下降了。你能告诉我其他的解决办法吗?不,对不起。这将需要对Flot进行一些更改,我想支持将“week”作为刻度值。谢谢!我纠正了你文章中缺少的一个结束括号,它在我的开发环境中工作得非常好。但是在JSFIDLE中仍然不起作用..我使用了这个,但是当我使用这个时,性能下降了。你能告诉我其他的解决办法吗?不,对不起。这需要对Flot做一些修改,我想这会支持将“week”作为刻度值。