2012-05-24 24 views
0

我在android上使用谷歌圖表。我能夠在基於桌面的Web瀏覽器上獲得所需的輸出,但是當我使用android webview執行相同的操作時並不顯示任何事情。 這是我的代碼爲html和android webview,我錯過了什麼?谷歌圖表不能在android webview中工作

WebView webview = (WebView) this.findViewById(R.id.webView1); 

     WebSettings webSettings = webview.getSettings(); 

     webSettings.setJavaScriptEnabled(true); 

     webSettings.setBuiltInZoomControls(true); 

     webview.requestFocusFromTouch(); 

     webview.setWebViewClient(new WebViewClient()); 

     webview.setWebChromeClient(new WebChromeClient()); 





     // Load the URL 

     webview.loadUrl("file:///android_asset/www/rG.html"); 

?/////////////////////////////////////////////////////////////////// 
for html 

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work',  11], 
      ['Eat',  2], 
      ['Commute', 2], 
      ['Watch TV', 2], 
      ['Sleep', 7] 
     ]); 

     var options = { 
      title: 'My Daily Activities' 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html> 

回答

1

您應該從本地加載css & javascript。即"<html><head><link type=\"text/css\" rel=\"stylesheet\" href=\"file:///android_asset/styles.css\"><script type=\"text/javascript\" src=\"file:///android_asset/script.js\"></script></head><body>";