2012-11-29 7 views
8

Java Visualization APIのチャートをJava EEアプリケーションに含めたいと考えています。しかし、私が何をしても、アプリケーションはAPIを認識しません。私は前にこのように使っていたので、私が間違っていることを理解していない。誰かが私のコードを見て、私が間違っていることを教えてもらえますか?ありがとう!Jave EEアプリケーションがGoogle Visualization APIを認識しない

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<%@ page contentType="text/html;charset=UTF-8" language="java" %> 
<link type="text/css" href="LOCATION/STYLENAME.css" rel="stylesheet"/> 

<script src="/tis/javascript/common/jquery.inlinemenu.js" type="text/javascript"></script> 

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 

     // Load the Visualization API and the piechart package. 
     google.load('visualization', '1.0', {'packages':['corechart']}); 

// Set a callback to run when the Google Visualization API is loaded. 
     google.setOnLoadCallback(drawChart); 

     // Callback that creates and populates a data table, 
     // instantiates the pie chart, passes in the data and 
     // draws it. 
     function drawChart() { 

     // Create the data table. 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Topping'); 
     data.addColumn('number', 'Slices'); 
     data.addRows([ 
      ['Mushrooms', 3], 
      ['Onions', 1], 
      ['Olives', 1], 
      ['Zucchini', 1], 
      ['Pepperoni', 2] 
     ]); 

     // Set chart options 
     var options = {'title':'How Much Pizza I Ate Last Night', 
         'width':400, 
         'height':300}; 

     // Instantiate and draw our chart, passing in some options. 
     var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 

<!--Div that will hold the pie chart--> 
    <div id="chart_div"></div> 

エラーは次のとおりです。

  1. にReferenceError:グーグルが
  2. メソッドを定義されていない 'setOnLoadCallback' 下線と言うている:未解決の関数やメソッド 'をsetOnLadCallback'
+0

生成されたバージョンのソース(ブラウザの表示内容)を表示できますか? –

+0

jsfiddleで動作します:http://jsfiddle.net/r9hGH/ – BeRecursive

+0

ブラウザには出力が表示されず、ReferenceErrorで破損します...スタンドアロンページでは実際に動作します。かなりの謎 –

答えて

1

このコード行を変更してみてください:

google.load('visualization', '1', {packages: ['corechart']}); 
これに

google.load('visualization', '1', {packages: ['corechart'], callback : drawChart}); 
2

ブラウザですべてのアドオンを無効にしようとしないのはなぜ特別に「切断」.Iと呼ばれるアドオンは、同じ問題に遭遇し、アドオンを削除した後に、それは非常によく働きました。一部のアドオンはおそらくgoogle APIライブラリに干渉します。

関連する問題