2012-01-04 10 views
0

のjQuery MobileとGoogleのグラフAPI

コードは何が生成されたとまったく同じであり、それはデータ・役割のdivの内側だ=ページ

問題のようですか?

UPDATE:コードはここにある

申し訳ありませんが、みんな...

<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load('visualization', '1', {packages: ['corechart']}); 
    </script> 

$('#suburb-stats').live('pageinit', function(){ 
     function drawVisualization() { 
      // Create and populate the data table. 
      var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'x'); 
      data.addColumn('number', 'Cats'); 
      data.addColumn('number', 'Blanket 1'); 
      data.addColumn('number', 'Blanket 2'); 
      data.addRow(["A", 1, 1, 0.5]); 
      data.addRow(["B", 2, 0.5, 1]); 
      data.addRow(["C", 4, 1, 0.5]); 
      data.addRow(["D", 8, 0.5, 1]); 
      data.addRow(["E", 7, 1, 0.5]); 
      data.addRow(["F", 7, 0.5, 1]); 
      data.addRow(["G", 8, 1, 0.5]); 
      data.addRow(["H", 4, 0.5, 1]); 
      data.addRow(["I", 2, 1, 0.5]); 
      data.addRow(["J", 3.5, 0.5, 1]); 
      data.addRow(["K", 3, 1, 0.5]); 
      data.addRow(["L", 3.5, 0.5, 1]); 
      data.addRow(["M", 1, 1, 0.5]); 
      data.addRow(["N", 1, 0.5, 1]); 

      // Create and draw the visualization. 
      new google.visualization.LineChart(document.getElementById('visualization')). 
       draw(data, {curveType: "function", 
          width: 500, height: 400, 
          vAxis: {maxValue: 10}, legend: {position: 'bottom'}, 
          pointSize: 5 
          } 
       ); 
     } 
     ​google.setOnLoadCallback(drawVisualization); 
    }); 

<div id="visualization" style="width: 500px; height: 400px;"></div> 
+0

ご存じの方は、コードを投稿していません... – Jakub

+0

問題のお手伝いをするために関連するコードスニペットを投稿してください。 – Ivan

答えて

0

少なくとも、あなたが投稿した内容に基づいて、JavaScriptコードのほとんどは、スクリプトタグの外です。

+0

申し訳ありませんが、実際にはスクリプトタグ内にあります –

+0

あなたのスクリプトタグは他のスクリプトタグ内にネストされていません。 – dgvid

+0

ああ、divはスクリプトタグの中にはありません、そうですか? – dgvid

関連する問題