javascript - 如何在 Flot 中停用选择并激活缩放/平移？

Question

我能够使用选择插件选择绘图区域并放大。

现在我希望能够在选择缩放和鼠标滚轮缩放+平移之间切换。

作为测试，我想在选择并放大某些内容后立即禁用选择，同时使用鼠标滚轮激活平移和缩放。

我可以使用 getOptions() 设置选项，但我无法更改选择/缩放/平移。我检查了选项对象，它确实发生了变化 (interactive = true)。我用 draw() 重新绘制了绘图，但选择/缩放/平移没有改变。

代码会让我选择和缩放，仅此而已:

$("#chart1").bind("plotselected", function (event, ranges) {
    var o=plot.getOptions();
    o.xaxes[0].min = ranges.xaxis.from;
    o.xaxes[0].max = ranges.xaxis.to;
    o.yaxes[0].min = ranges.yaxis.from;
    o.yaxes[0].max = ranges.yaxis.to;
    // block 1: not working as expected, although the options object does change                                                                                                                                                                     
    o.pan.interactive = true;
    o.zoom.interactive = true;
    o.selection.mode = null;
    // block1 end                                                                                                                                                                                
    plot.setupGrid();
    plot.draw();
    plot.clearSelection();
}

我做错了什么？

Answer 1

我不知道如何解决这个问题，所以我决定同时保留 zoom.interactive = true 和 selection.mode = "xy" .

为了平移，我在绘图的一侧添加了 4 个按钮(就像导航插件示例中的箭头)。虽然用鼠标平移真的很酷，但用户无论如何都必须在模式(缩放+平移或选择缩放)之间切换。

虽然这不是我的问题的答案，但如果其他人正在寻找一种进行选择/缩放/平移的方法，则此解决方案会奏效。