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.
