flot：狭い画面で線グラフの概要を使用できません

Question

• 「概要」チャートでは、1時間ごとに3か月間X 30日×24時間×6サンプルのデータが表示されます。
• 'メイン'チャートでは、デフォルトで、最終日のデータ、または選択された範囲のデータが「概要」または選択された日付のデータで表示されます。
• 通常のデスクトップ画面では正常に動作します。

私は今、このプロジェクトをレスポンシブデザインに適応させ、画面サイズに従ってチャートを表示しようとしました。

私の問題：狭い画面では、「概要」の範囲が小さすぎる（ピクセル単位で測定されます）場合、概要のプロットされたイベントは表示されません。

• デフォルトの最後の日を表示しようとすると、プロットされたイベントが表示されません。
• 私の日付ピッカーで1日を選択しようとすると、私はプロットされたイベントを取得しません。
• 3日前のデータを選択しようとするとうまくいきます。
• ワイド画面に変更すると、すべて正常に動作します。

「概要」の選択はどのように強制できますか？

下の画像では、過去3日間の選択を見ることができます。これは機能します。しかし、最後の1日の選択は動作しません：

Answer 1

FLOT選択プラグインは5つのピクセルに設定デフォルトでminSizeオプションがあります。概要の1日分のデータは約3ピクセルなので、plotselectedイベントは発生しません。 minSizeを1に設定すると、100ピクセルまでのサイズのグラフで動作するはずです。

jquery.flot.selection.jsファイル内のコメント：

「に、minSize」が選択画素であることができる最小サイズです。この値は をカスタマイズして、選択可能な最小サイズを決定し、さらに に選択矩形を表示することができます。この値をカスタマイズするときは、軸単位ではなくピクセルを参照するという事実を考慮する必要があります。 したがって、BarWidthが1の値をとる時間モードの棒グラフがある場合、 "minSize"を1に設定すると最小選択サイズは1になりますが、1ピクセルになります。また、 "minSize"を0に設定すると、ユーザが をドラッグしないでマウスをクリックしたときに、 "plotunselected"イベントが発生しなくなります。