Ahh, I see the problem now. It is because you have too many data points.
Each column in the chart requires a minimum of 2 pixels, so with 256 rows
of data (as in your example), the width of the chartArea (the portion where
the columns are drawn, as opposed to the whole width of the chart, which
includes the axis labels) must be at least 512 pixels in order to draw
every column. You can either make the chart wider or reduce the number of
rows of data (by skipping points in the elevation series). As an example,
if you used a for loop like this:
for (var i = 0; i < results.length; i += 2) {
data.addRow(['', elevations[i].elevation]);
}
you would have half the number of elevation points.
On Thursday, September 12, 2013 4:25:58 PM UTC-4, fablept . wrote:
>
> I´ve attached the files.
>
> -Line 15/16 in the HTML, commenting the corechart and uncommeting the
> columnchart fix the issue.
> -Line 93 *elevation.js* contains the draw chart options.
> -Increasing the width in chart options to 660px will "fix" the issue.
>
> Thanks
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization 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-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
