Hi. We've had the same problem this morning in our JSF 1.2 applications. The problem was not present in our JSF 2 applications.
We're temporally using the unstable build (1.x on the google.load call) and that seems to have fixed the issue. Of course we don't plan to keep using that build, but we needed to have the charts working right away. Is there an alternative to the workaround described by Jeremy? (3rd item: setting *Array.prototype.reduce = undefined*) We experience browser freezes without that line (Firefox and Chrome) Thanks! On Wednesday, August 28, 2013 3:30:38 PM UTC-3, Chris Stamoulis wrote: > > You Sir are correct. Most of junk debug code. I am updating now and it is > working as expected. Thanks! > > On Wednesday, August 28, 2013 9:51:47 AM UTC-4, Jeremy Faller wrote: >> >> Chris: >> >> There are multiple problems with your code, and our recent release >> highlighted them. If you fix them, I believe your code should work >> fine/much better: >> >> 1. You load the loader, and the library multiple times. You only need >> the following once: >> <script type="text/javascript" src="https://www.google.com/jsapi >> "></script> >> <script type="text/javascript"> >> google.load("visualization", "1", {packages:["corechart"]}); >> </script> >> >> 2. You're setting the callback multiple times. Only a single call to >> setOnLoadCallback is supported. Feel free to draw as many charts in >> as you want in your single callback function. >> >> 3. You're setting Array.prototype.reduce = undefined. This is a >> pretty serious "no-no". >> >> 4. Multiple definitions of the drawChart function. >> >> >> I don't know how much of the above was debugging code, but as it stands, >> it's no surprise you were having trouble. If you fix the code, you'll >> likely have lots more success. >> >> Please do fix these hiccups, and reping this thread if you continue to >> have issues. We definitely don't want to break other people's websites, and >> we work hard to make sure that doesn't happen. >> >> >> >> On Wednesday, August 28, 2013 8:23:53 AM UTC-4, Chris Stamoulis wrote: >>> >>> Hi there, >>> >>> I am still seeing the issue. It is working if I only display 1 chart per >>> page but this application is a dashboard and I need to display multiple on >>> the same page. This was working until yesterday's update: >>> >>> <table border=0 > >>> <tr> >>> <td id="new_tickets_weekly" valing="top"> >>> <div id="new_tix_week"> >>> <script type="text/javascript" src=" >>> http://www.google.com/jsapi";></script> >>> <script type="text/javascript"> >>> google.load('visualization', '1', {packages: >>> ['corechart']}); >>> </script> >>> <script type="text/javascript"> >>> function drawVisualization() { >>> var data = google.visualization.arrayToDataTable([ >>> ['Business Teams', 'team1', 'team2', 'team3', 'team4', 'team5', 'team6', >>> 'team7', 'team8', 'team9'], >>> ['08/21/13', 1, 0, 0, 3, 1, 0, 0, 3, 0], >>> ['08/22/13', 0, 2, 0, 1, 0, 0, 0, 0, 1], >>> ['08/23/13', 3, 0, 0, 10, 2, 0, 0, 0, 0], >>> ['08/26/13', 1, 0, 0, 3, 0, 0, 0, 0, 0], >>> ['08/27/13', 5, 1, 0, 1, 0, 0, 0, 0, 2] >>> ]); >>> var ac = new >>> google.visualization.ComboChart(document.getElementById('new_tix_week')); >>> ac.draw(data, { >>> width: 750, height: 300, legend: 'top', title: 'New Ticket Count - >>> Previous 5 Business Days', >>> vAxis: {title: "Tickets", format: '0'}, >>> hAxis: {title: "Days"}, >>> legend: 'right', >>> seriesType: "bars" >>> }); >>> } >>> google.setOnLoadCallback(drawVisualization); >>> </script> >>> </div> >>> </td> >>> <td align="center"> >>> <div id="iss_bus_pi" style="width: 500px; height: 500px;"></div> >>> <script type="text/javascript" src=" >>> http://www.google.com/jsapi";></script> >>> <script type="text/javascript"> >>> Array.prototype.reduce = undefined; >>> google.load('visualization', '1', {packages: ['corechart']}); >>> google.setOnLoadCallback(drawChart); >>> function drawChart() { >>> var data = google.visualization.arrayToDataTable([ >>> ['Team', 'Count'], >>> ['Business Issues', 24], >>> ['Code Issues', 31] >>> ]); >>> var options = { >>> title: 'Root Cause Business Team Summary', >>> hAxis: {format:'#'} >>> }; >>> var chart = new >>> google.visualization.PieChart(document.getElementById('iss_bus_pi')); >>> chart.draw(data, options); >>> } >>> </script> >>> </td> >>> <td> >>> <div id="root_cause_details" style="width: 750px; height: >>> 500px;"></div> >>> <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([ >>> ['Business Team', 'Number'], >>> ['D&P Test Planning', 3], >>> ['Test Planning', 0], >>> ['Data', 2], >>> ['Missed Impact - Business', 0], >>> ['Missed Impact - SEPG', 1], >>> ['Automation Code', 30], >>> ['Vendor Issue', 0], >>> ['Environment', 8], >>> ['Application', 9], >>> ['Blank', 25], >>> ['Training', 0], >>> ['SEPG Infrastructure', 0], >>> ['Scope Change', 0], >>> ['User Error', 2] >>> >>> ]); >>> var options = { >>> title: 'Root Cause Details - Current Month', >>> vAxis: { format: '0'}, >>> hAxis: {title: 'Tickets', format: '0'}, >>> height: 500, >>> width: 725, >>> seriesType: "bars", >>> legend: {position: 'none'} >>> }; >>> var chart = new >>> google.visualization.BarChart(document.getElementById('root_cause_details')); >>> chart.draw(data, options); >>> } >>> </script> >>> </div> >>> </td> >>> </tr> >>> </table> >>> >> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/groups/opt_out.
