2

選択プラグインを使用して、プロットの領域を選択してズームインすることができました。

ここで、選択ズームとマウス ホイール ズーム + パンを切り替えられるようにしたいと考えています。

テストとして、マウスホイールでパンとズームをアクティブにしながら、何かを選択してズームインするとすぐに選択を無効にしたいと考えています。

を使用してオプションを設定できます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();
}

私は何を間違っていますか？

4

3 に答える 3

3

この問題を解決する方法がわからなかったので、代わりに と の両方を残すことにしましzoom.interactive = trueたselection.mode = "xy"。

パンのために、プロットの横に 4 つのボタンを追加しました (ナビゲーション プラグインの例の矢印のように)。マウスによるパンは非常に便利ですが、いずれにせよユーザーはモード (ズーム + パンまたは選択ズーム) を切り替える必要があります。

これは私の質問に対する回答ではありませんが、他の人が選択/ズーム/パンを行う方法を探している場合、この解決策は機能します。

于 2013-10-03T23:12:46.833 に答える