2013-02-19 54 views
0

我正在使用Titanium SDK。我想在我的應用程序中添加線圖功能。 我的應用程序兼容設備(android和iphone)。爲線圖我使用谷歌圖表api。 (https://developers.google.com/chart/interactive/docs/gallery/linechart)。但是隻與iphone一起使用,而不是使用android。與iphone的 工作非常好。 但是,不適用於Android。 錯誤消息是:[表達式結果'c [0]'[null]不是一個對象。 ] 我如何刪除此問題 我正在使用此代碼。我如何在Android設備上製作線條圖?

<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 = new google.visualization.DataTable(); 
      data.addColumn('string', 'Month'); // Implicit domain label col. 
      data.addColumn('number', 'Sales'); // Implicit series 1 data col. 
      data.addColumn({type:'string', role:'annotation'}); // annotation role col. 
      data.addRows([ 
       ['April',1000, 'A'], 
       ['May', 1170, 'B'], 
       ['June', 660, 'C'], 
       ['July', 1030, 'c'] 
      ]); 
      var options = { 
       title: 'Company Performance' 
      }; 

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

請幫助我,在此先感謝

+0

你把這個放在WebView中嗎?在Android上,具有本地資源的WebView通常無法加載遠程資源。你應該檢查'google'對象是否可用。如果這是好的,你應該在你的應用程序之外的android自己的網絡瀏覽器中檢查整個頁面。 – 2013-02-19 20:18:04

+0

嗨,感謝您的恢復。我 得到了解決方案。花費一些時間後。謝謝 – MRT 2013-04-18 07:27:57

回答

1

此代碼正在爲我的身邊。

<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([ 
      ['Year', 'Sales', 'Expenses'], 
      ['2004', 1000,  400], 
      ['2005', 1170,  460], 
      ['2006', 660,  1120], 
      ['2007', 1030,  540] 
     ]); 

     var options = { 
       width: 400, height: 400, annotationColumns:[{column:2, size:15, type:'flag', priority:'high'},], title: '' 
     }; 

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

感謝所有。

+0

謝謝你的具體例子! +1 – ryvianstyron 2013-04-29 01:49:30

相關問題