This is indeed a bug. Thanks for reporting. We will work on a fix. Thanks for reporting. VizGuy
On Tue, Feb 17, 2009 at 11:19 PM, Phil <[email protected]> wrote: > > Please forgive me if this is my error as i've only been using the API > 2 days but I seem to have found a bug with the x axis labelling in > both Firefox 3.0.1 and IE 7. > > With the following code, it's basically the same chart 4 times on the > same page, the first two render correctly, the remaining n charts > default to a much larger size with the labels overlapping themselves. > > <html> > <head> > <script type="text/javascript" src="http://www.google.com/jsapi";></ > script> > <script type="text/javascript"> > google.load("visualization", "1", {packages:["columnchart"]}); > google.setOnLoadCallback(drawChart); > function drawChart() > { > var data = new google.visualization.DataTable(); > data.addColumn('string', 'Value') > data.addColumn('number', 'Self'); > data.addColumn('number', 'Boss'); > data.addColumn('number', 'Peer'); > data.addColumn('number', 'Staff'); > > data.addRows(4); > > data.setValue(0, 0, 'When designing and managing systems\nand > processes puts patients first'); > data.setValue(0, 1, 3); > data.setValue(0, 2, 2); > data.setValue(0, 3, 1); > data.setValue(0, 4, 0); > > > data.setValue(1, 0, 'Shows clear appreciation of how\ntheir role can > improve patient care'); > data.setValue(1, 1, -2); > data.setValue(1, 2, -4); > data.setValue(1, 3, 2); > data.setValue(1, 4, 1); > > > data.setValue(2, 0, 'Provides needed support to enable\ngood patient > care'); > data.setValue(2, 1, -1); > data.setValue(2, 2, 0); > data.setValue(2, 3, 3); > data.setValue(2, 4, 2); > > > data.setValue(3, 0, 'Consistently looks for ways to\nimprove patient > care'); > data.setValue(3, 1, -2); > data.setValue(3, 2, 2); > data.setValue(3, 3, 4); > data.setValue(3, 4, 2); > > > > var chart = new google.visualization.ColumnChart > (document.getElementById('chart_div')); > chart.draw(data, > { > width: 800, height: 600, is3D: false, title: 'Putting > Patients > First', legend: 'right' > }); > > var chart2 = new google.visualization.ColumnChart > (document.getElementById('chart_div2')); > chart2.draw(data, > { > width: 800, height: 600, is3D: false, title: 'Putting > Patients > First', legend: 'right' > }); > > var chart3 = new google.visualization.ColumnChart > (document.getElementById('chart_div3')); > chart3.draw(data, > { > width: 800, height: 600, is3D: false, title: 'Putting > Patients > First', legend: 'right' > }); > > var chart4 = new google.visualization.ColumnChart > (document.getElementById('chart_div4')); > chart4.draw(data, > { > width: 800, height: 600, is3D: false, title: 'Putting > Patients > First', legend: 'right' > }); > > > } > </script> > > > <style> > div{ > page-break-after: always > } > > </style> > > </head> > <body> > <div id="chart_div"></div><br><hr/><br> > > <div id="chart_div2"></div><br><hr/><br> > > <div id="chart_div3"></div><br><hr/><br> > > <div id="chart_div4"></div><br><hr/><br> > > </body> > </html> > > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
