jquery - 最小および最大日付フロー チャートを含むスクロール バーを追加します。

Question

ナビゲーションプラグインと矢印を使用してパンするフロートチャートがあります-行きたい方向に100pxです。私ができるようにしたいのは、矢印のクリックを、グラフの最小および最大の日付として設定できるスクロール バーに変更することです。

スクロールバーを介してこのチャートを制御することは可能ですか? これは、クリックで実行される現在のコードです。

 .click(function (e) {
e.preventDefault();
plotLines.pan(offset); 
 });

オフセットは +100 または -100px のいずれかになります。グラフのそのウィンドウに表示されていたものに日付範囲が表示されればいいのですが、それは不可能です。

ありがとう

Answer 1

公開された実装については知りませんが、このフォーラムの質問でも同じことが尋ねられました。

その投稿での私の提案は、通常どおりプロットを作成し、その下にプロットと同じ幅で、スクロール バーを保持するのに十分な高さの div を追加することでした。そのオーバーフロー x を「スクロール」に設定し、オーバーフロー y を「非表示」に設定します。その div 内に、データ全体の幅に対応する幅 (つまり、プレースホルダーのサイズより大きい) の別の div を配置します。

その後、スクロール イベントをリッスンし、バーの位置に従ってプロットを更新できます。