All of the "V"'s need to be lowercase, as it is all case-sensitive; change
the "Visualization" to "visualization" when creating the DataTable, when
creating the chart, and in the #getElementById call.
On Friday, July 6, 2012 9:16:42 PM UTC-4, Yolanda Davis wrote:
>
> Try changing the following:
>
> var chart2= new
> google.Visualization.ColumnChart(document.getElementById('Visualization2'))
>
> to
>
> //lower case v in the getElementById
> var chart2= new
> google.Visualization.ColumnChart(document.getElementById('visualization2'))
>
> I think it's case sensitive.
>
> Yolanda
>
> On Fri, Jul 6, 2012 at 12:59 PM, Dustin Powers
> <[email protected]>wrote:
>
>> 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.
>>
>
>
--
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/-/kdOoqi8nURkJ.
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.
