flot - フロット リセット ズーム

Question

マウススクロールでズームインおよびズームアウトするFlot Chartsを使用しています。zoomOut() を呼び出すボタンを作成しましたが、うまく機能しますが、最初に読み込まれたときのように見えるようにズームアウトする方法が見つかりません。更新時に ajax を使用して mysql からデータをプルするため、その who コンテナーをリロードしたくありません。

私はグーグルで検索しましたが、何も見つかりませんでした。

Answer 1

ダブルクリックを設定して、フロート チャートのズーム機能をリセットすることもできます。Flot チャートを元の状態に再描画し、動的データで使用できます。

$("#placeholder").dblclick(function () {
plot = $.plot(placeholder, dataset, options);
});

Answer 2

軸の範囲を null に設定できます。これを設定すると、デフォルトのズーム レベルと同様に、すべてのデータ ポイントが表示されるようにズーム レベルが設定されます。

他のソリューションとは異なり、このソリューションはまったく新しいプロットを構築しません。

var axes = plot.getAxes(),
    xaxis = axes.xaxis.options,
    yaxis = axes.yaxis.options;
xaxis.min = null;
xaxis.max = null;
yaxis.min = null;
yaxis.max = null;

// Don't forget to redraw the plot
plot.setupGrid();
plot.draw();