I'm brand new to google charts and I'm trying to create multiple stacked column charts on a single page, the first chart is rendering fine but the second chart is blank (the space is there for the height but nothing is showing) any help would be much appreciated!
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="content-type" content="text/html; charset=utf-8"/> > <title> > Sprocket Dashboard > </title> > <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() { > // Create and populate the data table. > var data = google.visualization.arrayToDataTable([ > ['Account', 'Open WOs', 'Open PMs'], > ['AFV 51',1163,1161] > ]) > > // Create and draw the visualization. > var chart1 = new > google.visualization.ColumnChart(document.getElementById('visualization')). > draw(data, > {'isStacked': true, title:"Open WOs and PMs by location", > width:1200, height:600, > hAxis: {title: "Site"}} > > ); > } > > function drawVisualization2() { > // Create and populate the data table. > var data2 = google.Visualization.arrayToDataTable([ > ['Account', 'Closed WOs MTD', 'Closed PMs MTD'], > ['AFV 51',64,61] > ]) > > // Create and draw the Visualization. > var chart2= new > google.Visualization.ColumnChart(document.getElementById('Visualization2')). > draw(data2, > {'isStacked': true, title:"Open WOs and PMs by location", > width:1200, height:600, > hAxis: {title: "Site2"}} > > ); > } > > google.setOnLoadCallback(drawVisualization); > google.setOnLoadCallback(drawVisualization2); > </script> > </head> > <body style="font-family: Calibri;border: 0 none;"> > <div id="visualization" style="width: 1200px; height: 600px;"></div> > <br><br><br><br><br> > <div id="visualization2" style="width: 1200px; height: 600px;"></div> > </body> </html> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/uFDIPhfDCX8J. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
