I am having an IE 9 specific bug with my charts. Text in tooltips,
chart labels, pie slices, legends and tooltips gets cut off from the
bottom in IE 9 only. This has not been a problem in IE7, IE8, FF3,
FF4, and Chrome in Windows 7 (64bit).
I am using the corechart package like so:
google.load("visualization", "1", {packages:["corechart"]});
and drawing a chart like this:
var chart = new google.visualization.ColumnChart(usr_chart[0]);
chart.draw(data, options);
var data = new google.visualization.DataTable();
data.addColumn('string', 'Conference');
data.addColumn('number', 'Kbps Used');
data.addRows(this.usg_data);
var options = {
width: 350,
height: 200,
fontName: "Arial",
tooltip: {text:'value' },
backgroundColor:'black',
pieSliceText: 'percent',
pieSliceTextStyle: {color: 'white', fontSize: 10},
legend: {position: 'right', textStyle: {color: 'white', fontSize:
12}}
};
var chart = new google.visualization.PieChart(usg_chart[0]);
chart.draw(data, options);
I get text cut off in IE9 alone like this:
http://dl.dropbox.com/u/535060/ie9.PNG
http://dl.dropbox.com/u/535060/bar.PNG
http://dl.dropbox.com/u/535060/tooltip.PNG
I've tried using different fonts/font sizes but nothing has helped...
Any ideas?
--
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.
