flot：不能在窄屏幕上使用折線圖概覽

在「概覽」圖表中，我顯示每個小時3個月X 30天X 24小時X 6個樣本的數據。
在「主」圖表中，我默認顯示最後一天的數據或「總覽」中所選範圍的數據或所選日期的數據。
在普通的桌面屏幕上效果很好。

我現在嘗試將此項目調整爲響應式設計，並根據屏幕大小顯示圖表。flot：不能在窄屏幕上使用折線圖概覽

我的問題：在狹窄的屏幕上，當'overview'中的範圍太小（以像素爲單位？）時，我沒有看到概覽plotselected事件。

如果我試圖顯示默認的最後一天 - 我沒有得到plotselected事件。
如果我嘗試選擇一天在我的日期選擇器 - 我沒有得到plotselected事件。
如果我嘗試選擇3天的數據，它確實很好。
如果我改爲寬屏幕，一切運作良好。

如何強制「概覽」選擇？

在下圖中，可以看到最近3天的選擇。這工作。但最後1天的選擇不工作：

來源

2017-01-03 Atara

當你要求這樣的quedtion時，你應該顯示你的代碼。 – Raidri

我的代碼基於flot-overview-demo – Atara

的海軍報插件選擇有minSize選項，這是默認設置爲5個像素。由於總覽中有一天的數據寬度大約爲3個像素，因此plotselected事件不會觸發。將minSize設置爲1，它應該使用最大爲100像素的圖表。

從jquery.flot.selection.js文件中的註釋：

「minSize屬性」是最小尺寸的選擇可以是像素。這個值可以被定製以確定選擇的最小尺寸，並且仍然有顯示選擇矩形。在定製此值時，必須考慮其涉及像素的事實，而不是軸單位。因此，例如，如果在時間模式中將BarWidth設置爲1 分鐘，則將「minSize」設置爲1將不會使最小選擇大小爲1分鐘，而是1分鐘，而不是1分鐘。另請注意，將「minSize」設置爲0將阻止「plotunselected」事件被觸發，當用戶單擊鼠標時不拖動。

來源

2017-01-03 15:31:26 Raidri

，所以如果1天少於一個像素，我不能使用日期選擇器在'overview'中選擇一天並讓它處理事件？這種情況下的解決方案是什麼？忽略「概覽」並直接選擇主圖？ – Atara

您可以嘗試將'minSize'設置爲0，但有副作用（請參閱答案中的qoute）。 – Raidri

flot：不能在窄屏幕上使用折線圖概覽

回答

相關問題