Just noticed that the height is commented out above. I've actually expanded the height to 400 and the labels don't get cut off anymore. I guess the workaround is to include less rows or a larger height, but it would be nice if I could find a way to make it work with more rows because there's ample room even with a 200px height and the 7 or 8 rows I have.
On Apr 22, 9:08 am, Kami <[email protected]> wrote: > The bottom of the text of my y-axis labels and legends are getting cut > off in my barchart in IE7/8. > > Here's a snapshot of the issue:http://tinypic.com/r/b4j0b6/7 > > Here's the code I'm using to create the chart (snippet from larger > function, dashboard.chartType = 'BarChart'): > > var chart = new google.visualization[dashboard.chartType] > (element); > chart.draw(cdata > , { > width: 350 > //, height: 200 > , chartArea: { top: 5, height: '75%' } > , legend: 'bottom' > , min: 0 > , max: 100 > , colors: ['blue'] > }); > $(element).css('position', 'static'); > > Any ideas why this is happening? When I use fontSize: 8, they never > get cutoff, but that's too small to read. Thanks. -- 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.
