Take a looka t my JS below, for my drawChart function for a google chart. This works as I expected. HOWEVER, because var chart ... is inside the drawChart function, the animations do not work - instead google thinks it's creating a brand new chart each time, and just refreshes the chart.
I would like to do something like in their examples, where the data *moves*according to my settings (1000ms, default easing: linear). Examples are here: https://developers.google.com/chart/interactive/docs/animation If I pull out the var chart ... from the drawChart function, I get a "*Chart not defined*" error. Appreciate the help from anyone who has worked with google charts a lot. Thanks for the help. > function drawChart() { > var chart = new > google.visualization.LineChart(document.getElementById('stopByTripChart')); > var options = {"title":"Average Load > Summary","titlePosition":"in","width":1100,"height":700,"hAxis.slantedTextAngle":90,"hAxis.position":"out","pointSize":5,"animation.duration":1000,"hAxis.showTextEvery":1,"hAxis.title":"Stops"}; > chart.draw(data[newValue], options); > } > function changeChart(){ > newValue = document.getElementById("chartNumber").value; > drawChart(); > } > > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/06gVWojiGvYJ. 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.
