2012-11-29 29 views
8

Tôi muốn bao gồm các biểu đồ API Google Visualization trong ứng dụng Java EE của mình. Tuy nhiên, bất cứ điều gì tôi làm, ứng dụng không nhận ra API. Tôi đã sử dụng nó như thế này trước đây, vì vậy tôi không hiểu những gì tôi đang làm sai. Ai đó có thể xem mã của tôi và cho tôi biết tôi đang làm gì sai? Cảm ơn!Ứng dụng Jave EE không nhận ra API Google Visualization

<%@ 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> 

Các lỗi như sau:

  1. ReferenceError: google không được định nghĩa
  2. Phương pháp 'setOnLoadCallback' được nhấn mạnh và nói: chức năng không được giải quyết hoặc phương pháp 'setOnLadCallback'
+0

Bạn có thể hiển thị nguồn của phiên bản được tạo (những gì trình duyệt nhận được) không? –

+0

Hoạt động trong jsfiddle: http://jsfiddle.net/r9hGH/ – BeRecursive

+0

Trình duyệt không hiển thị đầu ra, nó phá vỡ trên ReferenceError ... Trong một trang độc lập, nó thực sự hoạt động. Khá bí ẩn –

Trả lời

1

Hãy thử sửa đổi dòng mã này:

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

Để này:

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

Tại sao bạn không thử để vô hiệu hóa tất cả các addons trong trình duyệt của bạn đặc biệt một addon gọi là "Ngắt kết nối" .Tôi chạy vào cùng một vấn đề và sau khi loại bỏ các addon nó làm việc khá tốt . Một số addon có thể can thiệp vào các thư viện google API.

Các vấn đề liên quan