重新绘制后 flot 图不会更新

Question

我创建了一个包含屏幕上所有浮动对象的数组。使用选择插件，我正在实现缩放功能。

不幸的是，下面的代码没有按预期工作。我可以用 console.log 确认选项发生了变化。 clearSelection() 也有效，但图表永远不会重绘。

此外，我认为这并不重要，但我使用的是基于时间的 x 轴。

$(".flot").bind("plotselected", function (event, ranges) {

    var plot = flots['#'+event.target.id];

    plot.getOptions().xaxis.min = ranges.xaxis.from;
    plot.getOptions().xaxis.max = ranges.xaxis.to;


    plot.setupGrid();
    plot.clearSelection();
    plot.draw();

});

Answer 1

我明白了。出于某种原因，我不得不使用 xaxes[0].min 和 yaxes[0].min.

更改轴的最小值和最大值

$(".flot").bind("plotselected", function (event, ranges) {

    var plot = flots['#'+event.target.id];

    plot.getOptions().xaxes[0].min = ranges.xaxis.from;
    plot.getOptions().xaxes[0].max = ranges.xaxis.to;

    plot.setupGrid();
    plot.clearSelection();
    plot.draw();

});

重新绘制后 flot 图不会更新

The flot graph won't update after re-draw

javascript

jquery

flot