Thanks for your reply. The problem persists through compatibility mode being turned on or off. I already force compatibility mode and it doesn't fix the problem.
Check this out. If you just take the demo chart code and view it in IE9 you get text being cut off: http://dl.dropbox.com/u/535060/test1.html http://dl.dropbox.com/u/535060/test2.html That code has just been copy and pasted from here: http://code.google.com/apis/chart/ This looks to be a general rendering issue with the Google Visualization API in IE9. Can you confirm this? On Dec 22, 12:12 am, ChartALot <[email protected]> wrote: > Thank you for reporting, we will look into it. > > As a workaround, one variable that may help with IE is forcing the browser > into different compatibility modes. I'm not an expert on this, but you may > want to search for "ie9 force compatibility mode". > > > > > > > > On Thu, Dec 22, 2011 at 2:48 AM, meubige <[email protected]> wrote: > > 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. -- 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.
