jQuery Flot 基于时间的轴平移问题

Question

我一直在修补，用 Flot 和它的一些插件制作了一个小图表。目的是提供一个跟踪基础体温的图表，每天的日期在 x 轴上，度数在 y 轴上。平移将移动 x 轴，因此您可以查看以前的日期等，单击将产生一个新点，捕捉到网格。

平移不移动时基于时间的轴上的网格。当我将轴类型更改为正常时，它会发生。我真的很想让整个网格移动，因为现在线系列有点“漂浮”在网格上。有谁知道如何使这项工作？我是否遗漏了选项中的某些内容？

这比看到更难解释，所以 fsfiddle 提供：http://jsfiddle.net/jorgthuijls/caM3q/1/

触发行为变化的是 x 轴选项上的选项 mode: 'time'（小提琴的第 24 行）。

需要注意的代码位：

        xaxis: {
            show: true,
            min: firstDay,
            max: lastDay,
            ticks: 31,
            mode: 'time',
            timezone: 'browser',
            timeformat: '%d. %m'
        },

把它改成

        xaxis: {
            show: true,
            min: firstDay,
            max: lastDay,
            ticks: 31,
        },

看看添加几个点后移动图形会发生什么。

非常感谢！

Answer 1

这是两件事的结合：

1. 我们刚刚修复了 0.8.0 中的一个错误，因此如果您尝试使用 master 的 jquery.flot.time.js，您会立即注意到改进。

2. 即使进行了修复，滴答声仍然会跳动一点。那是因为您有足够大的范围，刻度仅每 3 天出现一次。然而，在内部，报价生成器仍将一天视为最小间隔。因此，它会在您平移一天后立即重新计算，即使这只是刻度间隔大小的三分之一。

您通常可以通过分配适当高的 minTickSize 来解决该问题； [5, 'day']，例如，让滴答生成器相信它不需要重新计算。当您提前知道情节的尺寸时，这种方法效果最好。