You've got some extra code at the bottom, but fixing that, the reason the line (smoothed using curveType: "function") goes above the gridlines is that this is the expected behavior of this smoothing. It doesn't actually draw outside of the chart, but given your gridlines.count and viewWindow min and max, there are just no gridlines drawn out there. I can see why it is not what you would want, however, and we should think about offering another smoothing function that stays within the bounds of your data. Hope that helps understand the cause.
If you really need a smoothed line that smooths the way you want, you might try generating your own interpolation points between your data points, and just give the interpolated points a formatted value of null, so they don't show up when you hover over them. dan On Wed, Apr 17, 2013 at 8:16 AM, Chris Stamoulis <[email protected]>wrote: > Hey there, > > When the lines are drawn, they seem to have issues going off the chart > (over 100% and under 0%) Check out this code to reproduce. Is there a way > around it? > > function drawVisualization() { > var data = google.visualization.arrayToDataTable([ > ['Team', 'Team1', 'Team2', 'Team3'], > ['Apr 2012', 100, 100, 0], > ['May 2012', 100, 100, 100], > ['Jun 2012', 100, 100, 100], > ['Jul 2012', 100, 100, 100], > ['Aug 2012', 100, 100, 100], > ['Sep 2012', 100, 100, 100], > ['Oct 2012', 100, 100, 0], > ['Nov 2012', 100, 100, 100], > ['Dec 2012', 100, 100, 0], > ['Jan 2013', 100, 0, 100], > ['Feb 2013', 100, 100, 100], > ['Mar 2013', 100, 8, 100], > ['Apr 2013', 100, 20, 100] > ]); > > var formatter = new google.visualization.NumberFormat({pattern: "#'%"}); > formatter.format(data, 1); > new > google.visualization.LineChart(document.getElementById('visualization')). > draw(data, { > curveType: "function", > width: 900, height: 400, legend: 'top', title: 'Ticket Percentages in SLA > 12 Month Trending', > vAxis: { > gridlines: { > count: 10 > }, > > viewWindowMode: 'explict', > viewWindow:{ > max:110, > min:0 > }, > format: "#'%"}}); > } > > -- > 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?hl=en. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> - 978-394-1058 [email protected] <[email protected]> 562D 5CC, Cambridge MA [email protected] <[email protected]> 9 Juniper Ridge Road, Acton MA -- 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?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
