I am trying to do a simple timeline for a proof of concept but ran into what looks like an IE 8 issue. Have a rather simple html page that I am running locally on my machine. When I run this in IE8 or using IE9+ with IE8 browser mode & standards I get a message that says: Invalid arguement (see attachment). I tried several permutations to the script, and used jslint to remove any weird js quirks, but it still occurs. Any help would be 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> > <title>Google Visualization API Sample</title> > <meta http-equiv="content-type" content="text/html; charset=utf-8"/> > <script type="text/javascript" src=" > https://www.google.com/jsapi";></script> > <script type="text/javascript"> > function error(id, message) { > alert(message); > } > > function drawChart() { > var container, chart, options, dataTable; > container = document.getElementById('example1'); > chart = new google.visualization.Timeline(container); > options = { > width: 900, > height: 400 > }; > dataTable = new google.visualization.DataTable(); > dataTable.addColumn({ type: 'string', id: 'Name' }); > dataTable.addColumn({ type: 'date', id: 'Start' }); > dataTable.addColumn({ type: 'date', id: 'End' }); > dataTable.addRows([ > [ 'Teacher full A', new Date(2013, 9, 30), new Date(2014, 6, 1) ], > [ 'Teacher with multiple spans A', new Date(2013, 9, 30), new > Date(2013, 12, 1) ], > [ 'Teacher with multiple spans A', new Date(2014, 4, 30), new > Date(2014, 6, 1) ], > [ 'Teacher with multiple spans B', new Date(2013, 12, 15), new > Date(2014, 4, 1) ], > [ 'Teacher with multiple spans B', new Date(2014, 5, 1), new > Date(2014, 6, 1) ], > [ 'Teacher full B', new Date(2013, 9, 30), new Date(2014, 6, 1) ], > [ 'Teacher full C', new Date(2013, 9, 30), new Date(2014, 6, 1) ] > ]); > chart.draw(dataTable, options); > google.visualization.events.addListener(chart, 'error', error); > } > > google.load("visualization", "1", { packages: ["timeline"]}); > google.setOnLoadCallback(drawChart); > </script> > </head> > <body> > <h1>google visualization timeline</h1> > > <div id="example1" style="width: 900px; height: 400px;"></div> > </body> > </html> > -- 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.
<<attachment: timeline-error-ie8.png>>
