javascript - Flot:实现阈值后折线图无法正常工作？

Question

我正在为我正在编程的网站使用 flot，我想在折线图中获得我的数据的阈值，但它似乎没有在寻找。这是它最终的样子:

http://i.stack.imgur.com/gdhrn.png
我在这里寻找解决方案，但似乎没有一个对我有用。我不确定为什么它在这个阈值上分离数据，而不是仅仅以不同的方式着色。我尝试删除代码的某些部分，但似乎没有任何效果。任何建议表示赞赏。谢谢!

编辑:创建了我的问题的 jsfiddle http://jsfiddle.net/catbunny38/cyWrL/请帮忙

Answer 1

这里的问题是类别和阈值插件的组合。也许其中一位作者会看到这个问题并解决它。

现在您可以通过删除类别插件并自己执行类别来修复它(请参阅更新的 fiddle )。

将数据更改为如下内容(当您使用服务器端代码准备数据时很容易，我手动更改了几个数据点):

var durationList = [
    [1, 48.02335029999415],
    [2, 90.60945035338402],
    [3, 90.89755993498696],
    ...
    [14, 125.0502553939157],
    [15, 7.444523153305053],
    [16, 0.14131634639369117]
];

var tickList = [
    [1, "1315"],
    [2, "1336"],
    [3, "1337"],
    ...
    [14, "5406"],
    [15, "7407"],
    [16, "7410"]
];

对于 float 选项:

xaxis: {
    tickLength: 0,
    ticks: tickList,
    axisLabel: 'FW Release',
    rotateTicks: 90
},