When running from a local file, you need to specify the protocol on non-relative links (either "http" or "https"). When running from a webserver, leaving out the protocol makes the browser use the same protocol as the page was loaded on (so if your page is at "http://mysite.com";, it uses http, if your page is at "https://mysite.com";, it uses https).
On Wednesday, May 14, 2014 9:50:28 PM UTC-4, karthik mohan wrote: > > I think I have figured out what the issue is, it's really basic: > > <script type="text/javascript" src="https://www.google.com/jsapi > "></script> > > without the https: doesn't work. > > On Wednesday, May 14, 2014 1:56:55 PM UTC-7, karthik mohan wrote: > > I need to build a dash board with data having more than two columns. > > I went through the examples listed on the code playground. > a) The simple dashboard works as shown in the code playground in my > google-chrome browser. > b) However the full dashboard results in a blank screen. > > Other things that don't seem to work (also gives a blank screen): > > A table (more than two columns) - Also taken from google playground: > > <!-- > You are free to copy and use this sample in accordance with the terms of > the > Apache license (http://www.apache.org/licenses/LICENSE-2.0.html) > --> > > <!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="//www.google.com/jsapi"></script> > <script type="text/javascript"> > google.load('visualization', '1', {packages: ['table']}); > </script> > <script type="text/javascript"> > function drawVisualization() { > // Create and populate the data table. > var data = google.visualization.arrayToDataTable([ > ['Name', 'Height', 'Smokes'], > ['Tong Ning mu', 174, true], > ['Huang Ang fa', 523, false], > ['Teng nu', 86, true] > ]); > > // Create and draw the visualization. > visualization = new google.visualization.Table(document. > getElementById('table')); > visualization.draw(data, null); > } > > > google.setOnLoadCallback(drawVisualization); > </script> > </head> > <body style="font-family: Arial;border: 0 none;"> > <div id="table"></div> > </body> > </html> > > I just tested the basic pie chart example listed and even that doesn't > work. > This is puzzling since the simple dashboard that has a pie chart works but > the basic pie chart fails to display: > <!-- > You are free to copy and use this sample in accordance with the terms of > the > Apache license (http://www.apache.org/licenses/LICENSE-2.0.html) > --> > > <!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" coantent="text/html; charset=utf-8"/> > <title> > Google Visualization API Sample > </title> > <script type="text/javascript" src="//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([ > ['Task', 'Hours per Day'], > ['Work', 11],<br > style="color:rgb(102,102,102);font-family:monospace;white-space:no > > ... -- 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/d/optout.
