Hi I'm am running SharePoint and have one page with two web parts. Each web part has a different chart in them.
Carsten On 12/6/09, bchoi <[email protected]> wrote: > I have done dashboards with several different charts on a single page, > so I'm quite sure there's no restriction on doing so. > > Your attachment seem to have two <html> blocks, each of them only > renders one chart. Where are you trying to "load two Google Charts > concurrently in 1 html file" ? Please verify ? > > On Dec 6, 11:47 am, Carsten Dressler <[email protected]> > wrote: >> Hello Everyone, >> >> I am trying to load two Google Charts concurrently in 1 html file. >> However, when doing this one of the charts/tables dont render. Not >> sure if this is a Google restriction or something on the HTML. >> >> Below is a sample of what I mean. I know the Javascript is working >> because I put the 'alert' message box in the code. However, when >> running only 1 of the charts loads. >> >> Anyone have any idea how to get past this? >> >> <!-- >> copyright (c) 2009 Google inc. >> >> You are free to copy and use this sample. >> License can be found >> here:http://code.google.com/apis/ajaxsearch/faq/#license >> --> >> >> <!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>Google Visualization API Sample</title> >> <script type="text/javascript" src="http://www.google.com/jsapi";></ >> script> >> <script type="text/javascript"> >> google.load('visualization', '1', {packages: >> ['annotatedtimeline']}); >> function drawVisualization() { >> alert('load1'); >> var data = new google.visualization.DataTable(); >> data.addColumn('date', 'Date'); >> data.addColumn('number', 'Sold Pencils'); >> data.addColumn('string', 'title1'); >> data.addColumn('string', 'text1'); >> data.addColumn('number', 'Sold Pens'); >> data.addColumn('string', 'title2'); >> data.addColumn('string', 'text2'); >> data.addRows(6); >> data.setValue(0, 0, new Date(2008, 1 ,1)); >> data.setValue(0, 1, 30000); >> data.setValue(0, 4, 40645); >> data.setValue(1, 0, new Date(2008, 1 ,2)); >> data.setValue(1, 1, 14045); >> data.setValue(1, 4, 20374); >> data.setValue(2, 0, new Date(2008, 1 ,3)); >> data.setValue(2, 1, 55022); >> data.setValue(2, 4, 50766); >> data.setValue(3, 0, new Date(2008, 1 ,4)); >> data.setValue(3, 1, 75284); >> data.setValue(3, 4, 14334); >> data.setValue(3, 5, 'Out of Stock'); >> data.setValue(3, 6, 'Ran out of stock on pens at 4pm'); >> data.setValue(4, 0, new Date(2008, 1 ,5)); >> data.setValue(4, 1, 41476); >> data.setValue(4, 2, 'Bought Pens'); >> data.setValue(4, 3, 'Bought 200k pens'); >> data.setValue(4, 4, 66467); >> data.setValue(5, 0, new Date(2008, 1 ,6)); >> data.setValue(5, 1, 33322); >> data.setValue(5, 4, 39463); >> >> var annotatedtimeline = new >> google.visualization.AnnotatedTimeLine( >> document.getElementById('visualization')); >> annotatedtimeline.draw(data, {'displayAnnotations': true}); >> } >> >> google.setOnLoadCallback(drawVisualization); >> </script> >> </head> >> <body style="font-family: Arial;border: 0 none;"> >> <div id="visualization" style="width: 800px; height: 400px;"></div> >> </body> >> </html> >> >> <!-- >> copyright (c) 2009 Google inc. >> >> You are free to copy and use this sample. >> License can be found >> here:http://code.google.com/apis/ajaxsearch/faq/#license >> --> >> >> <!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>Google Visualization API Sample</title> >> <script type="text/javascript" src="http://www.google.com/jsapi";></ >> script> >> <script type="text/javascript"> >> google.load('visualization', '1', {packages: >> ['annotatedtimeline']}); >> function drawVisualization() { >> alert('load2'); >> var data = new google.visualization.DataTable(); >> data.addColumn('date', 'Date'); >> data.addColumn('number', 'Sold Pencils'); >> data.addColumn('string', 'title1'); >> data.addColumn('string', 'text1'); >> data.addColumn('number', 'Sold Pens'); >> data.addColumn('string', 'title2'); >> data.addColumn('string', 'text2'); >> data.addRows(6); >> data.setValue(0, 0, new Date(2008, 1 ,1)); >> data.setValue(0, 1, 30000); >> data.setValue(0, 4, 40645); >> data.setValue(1, 0, new Date(2008, 1 ,2)); >> data.setValue(1, 1, 14045); >> data.setValue(1, 4, 20374); >> data.setValue(2, 0, new Date(2008, 1 ,3)); >> data.setValue(2, 1, 55022); >> data.setValue(2, 4, 50766); >> data.setValue(3, 0, new Date(2008, 1 ,4)); >> data.setValue(3, 1, 75284); >> data.setValue(3, 4, 14334); >> data.setValue(3, 5, 'Out of Stock'); >> data.setValue(3, 6, 'Ran out of stock on pens at 4pm'); >> data.setValue(4, 0, new Date(2008, 1 ,5)); >> data.setValue(4, 1, 41476); >> data.setValue(4, 2, 'Bought Pens'); >> data.setValue(4, 3, 'Bought 200k pens'); >> data.setValue(4, 4, 66467); >> data.setValue(5, 0, new Date(2008, 1 ,6)); >> data.setValue(5, 1, 33322); >> data.setValue(5, 4, 39463); >> >> var annotatedtimeline = new >> google.visualization.AnnotatedTimeLine( >> document.getElementById('visualization')); >> annotatedtimeline.draw(data, {'displayAnnotations': true}); >> } >> >> google.setOnLoadCallback(drawVisualization); >> </script> >> </head> >> <body style="font-family: Arial;border: 0 none;"> >> <div id="visualization" style="width: 800px; height: 400px;"></div> >> </body> >> </html> > > -- > > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > 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. > > > -- Sent from my mobile device -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. 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.
