That makes sense. I made the change and it worked perfectly. Thanks Daniel.
On Monday, March 9, 2015 at 10:45:20 PM UTC-4, Daniel LaLiberte wrote: > > When you have a lot of columns in the available width, it will try to drop > some of the category labels, or slant them, in order to fit as many as can > comfortably fit. The 'chartArea' option is for specifying the area inside > the axes, relative to the overall chart width and height. So if your > chartArea.height is '90%', that means you are leaving only 10% of the > overall chart height for the top and bottom areas, which is probably not > enough. If you leave off the chartArea.height, it should compute a height > that displays more of the hAxis labels. > > On Mon, Mar 9, 2015 at 4:34 PM, Cory J <[email protected] <javascript:>> > wrote: > >> I am attempting to use the Google Chart API and ran in to a snag. I am >> limited in the size of the graph, but I need to be able to view the column >> titles. If I lose a few columns, the column titles are visible. >> >> I have searched and found a few different options, but nothing seemed to >> make a difference. >> >> function drawChart() { >> >> // Create the data table. >> var data = new google.visualization.DataTable(); >> data.addColumn('string', 'Band/Subband'); >> data.addColumn('number', 'Accuracy (dBm)'); >> >> for(var tmpCounter = 0; tmpCounter < obj.length; tmpCounter++) { >> data.addRow([obj[tmpCounter].band + '/' + obj[tmpCounter]. >> subband, >> Math.round((obj[tmpCounter].totalcount/obj[tmpCounter]. >> unitcount)*100)/100]); >> } >> >> >> // Set chart options >> var options = {'title':'', >> 'width':650, >> 'height':400, >> 'legend':'none', >> "vAxes":[{"minValue":0,"title":"Average Accuracy >> (dBm)","maxValue":2}], >> 'chartArea': {'right':0,'width': '85%', 'height': >> '90%'}}; >> >> >> >> >> // Instantiate and draw our chart, passing in some options. >> var chart = new google.visualization.ColumnChart(document. >> getElementById('chart_div')); >> chart.draw(data, options); >> >> } >> >> Any recommendations to steer me in the right direction would be greatly >> appreciated... I appreciate code that would solve the problem, but also >> would like to understand where in the API the code is documented so I can >> understand what I am missing. Thanks in advance >> >> >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Google Chart API" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected] <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> Visit this group at http://groups.google.com/group/google-chart-api. >> For more options, visit https://groups.google.com/d/optout. >> > > > > -- > Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> > - 978-394-1058 > [email protected] <javascript:> 5CC, Cambridge MA > [email protected] <javascript:> 9 Juniper Ridge Road, Acton MA > -- You received this message because you are subscribed to the Google Groups "Google Chart 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-chart-api. For more options, visit https://groups.google.com/d/optout.
