Looks like you've found a bug. It seems that IE is throwing an error when
trying to annotate a column that is too short (in your example, I suspect 1
is too short and 2 is not). I filed a bug report on this
here:
https://code.google.com/p/google-visualization-api-issues/issues/detail?id=1421
Incidentally, you should use strings for your annotations, not numbers:
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('string', 'Year');
dataTable.addColumn('number', 'A');
dataTable.addColumn({type: 'string', role: 'annotation'});
dataTable.addColumn('number', 'B');
dataTable.addColumn({type: 'string', role: 'annotation'});
dataTable.addRows([
['Nitsan', 45.43, '45.43', 1, '1']
]);
On Tuesday, December 17, 2013 11:34:08 AM UTC-5, Nitsan Zohar wrote:
>
> Hi,
> look in this example, in IE9 it's working, but in IE7 and IE8 it doesn't
> work, if I change the data line to the one in the comment it's working in
> ie7 and ie8.
>
> This is my code example:
>
> <!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="https://www.google.com/jsapi
> "></script>
> <script type="text/javascript">
> google.load('visualization', '1', {packages: ['corechart']});
> </script>
> <script type="text/javascript">
> function drawVisualization() {
> var dataTable = new google.visualization.DataTable();
> dataTable.addColumn('string', 'Year');
> dataTable.addColumn('number', 'A');
> dataTable.addColumn({type: 'number', role: 'annotation'});
> dataTable.addColumn('number', 'B');
> dataTable.addColumn({type: 'number', role: 'annotation'});
> dataTable.addRows([
> ['Nitsan', 45.43, 45.43, 1, 1]
> //['Nitsan', 45.43, 45.43, 2, 2] // This is ok in ie7 and ie8
> ]);
>
> var options = {
> seriesType: "bars",
> isStacked: true
> };
>
> var chart = new
> google.visualization.ComboChart(document.getElementById('chart_div'));
> chart.draw(dataTable, options);
> }
> google.setOnLoadCallback(drawVisualization);
> </script>
> </head>
> <body>
> <div id="chart_div" style="width: 900px; height: 500px;"></div>
> </body>
> </html>
>
>
> What can I do?
>
> Thanks,
> Nitsan
>
--
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.
