Android WebView中的定位和平移/縮放浮動圖表

Question

我正在開發一個Android項目，其中有一個Flot圖表，運行於PhoneGap。這是我的HTML頁面是如何設置的，與佈局由jQuery Mobile處理：

• 海軍報「佔位」的div
• 一個包含自定義按鈕，使圖表
• 一個形式的操縱DIV

這裏是我的問題：

• 如何動態尺寸海軍報圖表適合屏幕上可用的空間？現在，我將圖表設置爲靜態大小，但我更願意能夠確定屏幕的大小（以空間模式），並將圖表寬度設置爲該值。
• 如何啓用平移和縮放圖表？我的應用程序在標準桌面瀏覽器中運行時支持該功能 - 在那裏，通過單擊並拖動圖表來進行平移，並通過將鼠標滾輪旋轉到圖表上來進行縮放。當我在Android模擬器中嘗試這些事情時，整個應用程序都會被平移（不僅僅是圖表），或者什麼也沒有發生（鼠標滾輪在模擬器中沒有做任何事情）。我如何平移和縮放圖表本身，而不是整個應用程序？

Answer 1

1） 只需創建一個div容器具有風格寬度：100％ 您可以重新繪製圖形時通過添加PhoneGap的事件偵聽方向的變化：

$(window).bind('orientationchange', function(event) { 
    $.plot($(graphId), ..... 
}); 

而不是重新初始化圖形可以通過調整打電話：

plot.resize(); 
plot.setupGrid(); 
plot.draw(); 

這也可能會稍微好一點。

如果您遇到圖形不被清除之前正確重繪，你可以清晰的使用武力：

$(graphId).text(''); 

我所遇到的問題時的曲線是數據角色=內容的DIV中，只需刪除數據角色。