使用 flot 防止十字准线在悬停时移动

Question

我在 javascript 中用 flot 绘制了一个图。

我不断设置十字准线位置，使其与音频播放器同步。

this.crossHairPos = newAudioPosition;
     this.setCrosshair({
       x: this.crossHairPos
     })

但是，当我将鼠标移到图上时，十字准线会移动到我的鼠标上。我想我也许应该使用 lockCrosshair，但我还没有成功：

 lockCrosshair({x: this.crossHairPos});

Answer 1

此 JSFiddle 演示了如何毫无问题地设置、锁定和解锁十字准线。

您需要同时使用 lockCrosshair 和 unlockCrosshair 函数：

$('#lock-crosshair').on('click', function() {
  plot.lockCrosshair({
    x: 4
  });
});

$('#unlock-crosshair').on('click', function() {
  plot.unlockCrosshair();
});

使用 flot 防止十字准线在悬停时移动

Preventing crosshair from moving on hover with flot

javascript

jquery

flot