I appreciate your reply. It means that you were able to do realtime chart with lineChart and chartRangeFilter. This is a new project so i am kind of searching the best real time chart api for the web. I was giving up hope on google api but now when you have suggested i will have to try this out too. Among all i have looked so far HighCharts http://www.highcharts.com/products/highstock is promising and then there is FLOTR https://code.google.com/p/flotr/ and related charts like http://humblesoftware.com/envision/demos/timeseries. Have you tried out these charts or any other real time ATL charts. ? I am going to try out your suggestion too. Thanks again for your reply.
On Friday, June 28, 2013 9:38:28 AM UTC-7, asgallant wrote: > > Google Finance does not use the Annotated Timeline chart - it has a fully > custom solution of its own. The only solution I can suggest for your ATL > charts is to try setting the "allowRedraw" option to true, but this > requires that you turn off annotations. > > You can avoid the problems with the ATL charts altogether by using a > LineChart<https://developers.google.com/chart/interactive/docs/gallery/linechart>with > a > ChartRangeFilter<https://developers.google.com/chart/interactive/docs/gallery/controls#chartrangefilter>, > > which offers 95% of the functionality of the ATL chart without the > drawbacks. I wrote a migration > tool<https://groups.google.com/d/msg/google-visualization-api/Y4ZmqWAjjPg/Uwr8eoWo6goJ>you > can use to test it out without having to make major changes to your > code. > > On Thursday, June 27, 2013 9:03:45 PM UTC-4, [email protected] wrote: >> >> Did you got the solutions for this ? It always flicker in my case also. >> Wonder how google finance has implemented it ? >> >> On Monday, November 29, 2010 11:05:23 AM UTC-8, visvis wrote: >>> >>> Hello everybody! >>> I use an Annotated Timeline to display a graph. I use ajax request to >>> get dynamic data every 5 seconds. >>> When I call draw for the first time I use this code: >>> chart = new >>> google.visualization.AnnotatedTimeLine(document.getElementById('chart_div')); >>> >>> >>> chart.draw(data, {'displayAnnotations': false, >>> 'dateFormat':'HH:mm MMMM dd, yyyy','allowRedraw':true}); >>> After adding more data at runtime I call the draw function like this: >>> chart.draw(data, {'dateFormat':'HH:mm MMMM dd, yyyy'}); >>> As you can see I already set allowRedraw to true, but still the chart >>> is flickering everytime it updates going from old chart to blank div >>> area to new chart. >>> Is there a way to update the graph without the flickering just like on >>> google finance? >>> http://www.google.com/finance?q=NASDAQ:GOOG >>> Help is highly appreciated. >>> 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.
