Jave EE app does not recognize Google render API

Question

I would like to incorporate Google Visualization API diagrams into my Java EE application. However, no matter what I do, the application does not recognize the API. I used it the way I used to, so I don’t understand what I am doing wrong. Can someone take a look at my code and tell me what I'm doing wrong? Thanks!

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

The errors are as follows:

• ReferenceError: google not defined
• The setOnLoadCallback method is underlined and says: unresolved function or the 'setOnLadCallback' method

Answer 1

Why aren't you trying to disable all add-ons in your browser, especially the add-on called "Disable". I ran into the same problem, and after removing the addon it worked pretty well. Some addons are likely to interfere with the Google API libraries.

Answer 2

Try changing this line of code:

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

For this:

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