使用 FLOT 在多个图表上同步十字线

Question

我正在尝试在三个流程图上同步十字准线。除了 crosshair.js 文件的注释部分中有点类似的示例之外，我找不到任何示例。这是我的代码片段，我试图在这里初始化绘图。有人可以告诉我我做错了什么吗？

var covariancePlot = $.plot($("#covarianceChartContainer"), [ 0,0 ], {crosshair: { mode: "x" }, xaxis:{ mode: "time"}});
var observationPlot = $.plot($("#observationChartContainer"), [ 0,0 ], {crosshair: { mode: "x" }, xaxis:{ mode: "time"}});
var collisionPlot = $.plot($("#collisionChartContainer"), [ 0,0 ], {crosshair: { mode: "x" }, xaxis:{ mode: "time"}});

$("#covarianceChartContainer").bind("plothover", function (event, pos) {
     //sync crosshairs of the other two plots
     observationPlot.setCrosshair(pos.x);
     collisionPlot.setCrosshair(pos.x);
});
$("#observationChartContainer").bind("plothover", function (event, pos) {
     //sync crosshairs of the other two plots
     covariancePlot.setCrosshair(pos.x);
     collisionPlot.setCrosshair(pos.x);
});
$("#collisionChartContainer").bind("plothover", function (event, pos) {
     //sync crosshairs of the other two plots
     observationPlot.setCrosshair(pos.x);
     covariancePlot.setCrosshair(pos.x);
});

事实证明，上面的代码有两个问题，一个是网格：{hoverable: true}，每个图的选项中都缺少语句。另一个是 setCrosshair() 函数需要完整的位置变量，而不仅仅是存储在 pos.x 中的 x 值。希望我能将其他人从我所经历的挫败感中拯救出来。