javascript - 重新绘制后浮点图不会更新

Question

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

不幸的是，下面的代码无法按预期工作。我可以通过 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();

});