[Help] Annotated Timeline chart blink(flash) when new data updated

[Le Thanh Trieu]

Hi all !
Who are you know how to Draw Annotated Timeline Chart whit NO blink(Flash) when new data update? 

With Line chart i can use animation and it don't blink(Flash) but in Annotated timeline I can't do the same  !
Please help me ! 
Thansk all !

[Daniel LaLiberte]

Hi Le Thanh Treiu,

You should probably try to use the new AnnotationChart, which does not use flash, but makes use of the corecharts like the LineChart.  See the documentation at: https://developers.google.com/chart/interactive/docs/gallery/annotationchart

Let us know how it goes, and if repeated draw() calls do what you want.

--
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 google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Le Thanh Trieu]

Hi Sir ! Thanks for your anwser !

With LineChart I think it work fine ! But when I change the core from 'corechart' to 'annotatedtimeline' it show blank page and have a error (undefined is not a function in line:

 var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('mychart'));

)

Can you give me a example for Annotated using  'corechart' (Don't flash) for AnnotatedTimeLine ?

the link below is my problem, you can see the Green Chart Blinking every 5s(I Redraw it every 5s ).

https://dl.dropboxusercontent.com/u/23155150/ChartV2.html to 

Thanks sir so much !!

On Tuesday, September 23, 2014 10:34:01 PM UTC+7, Daniel LaLiberte wrote:

Hi Le Thanh Treiu,

You should probably try to use the new AnnotationChart, which does not use flash, but makes use of the corecharts like the LineChart.  See the documentation at: https://developers.google.com/chart/interactive/docs/gallery/annotationchart

Let us know how it goes, and if repeated draw() calls do what you want.

On Tue, Sep 23, 2014 at 10:45 AM, Le Thanh Trieu <lethanh...@gmail.com> wrote:

Hi all !
Who are you know how to Draw Annotated Timeline Chart whit NO blink(Flash) when new data update? 

With Line chart i can use animation and it don't blink(Flash) but in Annotated timeline I can't do the same  !
Please help me ! 
Thansk all !

--
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 google-visualization-api+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlali...@Google.com   5CC, Cambridge MA

daniel.l...@GMail.com 9 Juniper Ridge Road, Acton MA

[Andrew Gallant]

Use an AnnotationChart, not a LineChart (the AnnotationChart is the replacement for the AnnotatedTimeline), as an example:

chartTemperature = new google.visualization.AnnotationChart(document.getElementById('columnchart'));

You should have 1 google.load call that looks like this:

google.load('visualization', '1', {packages: ['annotationchart']});

or this, if you need to load the "corechart" package too:

google.load('visualization', '1', {packages: ['annotationchart', 'corechart']});

[Le Thanh Trieu]

Sir  ! I tried to draw a new 'annotationchart' and it working now..But, it can't zoomable and Zoom Chart with mouse wheel like Timeline chart.

Sir how can I zoomable with   'annotationchart' ??

Thanks you so much Sir !
https://dl.dropboxusercontent.com/u/23155150/annotationchart.html

[Daniel LaLiberte]

You can use the zoom buttons in the upper left corner, but you are correct that the mouse wheel is not supported yet in the AnnotationChart.  This is something we can fix fairly easily, however, so you should expect to see it soon, probably within a month.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Le Thanh Trieu]

Thank for your answer Sir !

Sir, can I pan and "stretch " with Line chart like Timeline Chart ???

In my line chart I can zoom in and zoom out but the line don't expand like Timeline

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlali...@Google.com   5CC, Cambridge MA

daniel.l...@GMail.com 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 google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

[Daniel LaLiberte]

The LineChart will zoom and pan axes as long as you are not using 'discrete' values.  It sounds like you are translating your dates or times for your horizontal axis into string values, but if you do, you cannot yet zoom or pan along that axis.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Le Thanh Trieu]

Sir ! this is my Chart page.

https://dl.dropboxusercontent.com/u/23155150/ChartV2.html
I can Zoom and Pan my Line Charts (Ex: Temperature Chart). But the line can''t spread like Time line.

My wish is the Line chart can Zoomable, pan and when I zoom the line can spread !

Have any ideas sir? 

[Daniel LaLiberte]

I am not seeing any chart on that page.  This is probably because you have access restrictions on the spreadsheet data, so the chart fails to draw for me even though you can see it.

I believe I understand your question, and my answer is the same, which I will restate with a little more detail.

The LineChart will zoom and pan axes that use continuous values, i.e. numbers, date, datetime, or timeofday, but not strings.

It sounds like you are translating your dates or times for your horizontal axis into string values, e.g. you use 'Dec 2012' instead of new Date(2012, 11, 1). If you are doing that, then you cannot zoom or pan on that axis.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Le Thanh Trieu]

Sir, I understand this issues ! Thanks you so much !

Oops ! Sorry Sir ! I forgotten public my Spreadsheet. Please review my page 

https://dl.dropboxusercontent.com/u/23155150/ChartV2.html

Are you seeing some chart, sir?

I need make sure you seeing my chart ! Please tell me what are you seeing, Sir ? 

(Can you give me a picture about my page from your PC!)

[Daniel LaLiberte]

I see your charts now, three of them.  

You are still using the annotatedtimeline chart, which I thought you were going to replace with the AnnotationChart.

The mouse wheel zooming and mouse panning seem to work fine for the other two charts.  The annotatedtimeline chart zooms the horizontal axis but not the vertical axis.  Is that what you want for the AnnotationChart?

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Le Thanh Trieu]

yes Sir !

I want draw a chart like Timeline chart because Timeline blinking when my Sheet have new data. If you know how to Timeline auto drawing without blinking, please guide me Sir ! 

[Daniel LaLiberte]

What happens if you replace the annotatedtimeline chart with the AnnotationChart?

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Le Thanh Trieu]

Sir ! when I change from Annotatedtimeline to AnnotationChart the line can't zoomable and pan when I using mouse wheel like Time line.

My wish is have a chart like Annotatedtimeline without blinking.

Thanks sir !

On Wednesday, September 24, 2014 11:19:04 PM UTC+7, Daniel LaLiberte wrote:

What happens if you replace the annotatedtimeline chart with the AnnotationChart?

[Daniel LaLiberte]

You could try the 'allowRedraw' option, but since you are changing your data for each redraw, I am not sure this will work for you.  We are not working on the AnnotatedTimeline chart any more, so if this doesn't work, you are out of luck with this chart.

If you otherwise like the AnnotationChart, we should be able to fix the lack of zooming and panning support in a future version.

--

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 google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Le Thanh Trieu]

Yes sir ! I tried allowRedraw option and like you said it don't work when my sheet have changes ! I hope  zooming and panning will support in a future version. 

Thanks Sir so much ! 

On Thursday, September 25, 2014 7:56:03 PM UTC+7, Daniel LaLiberte wrote:

You could try the 'allowRedraw' option, but since you are changing your data for each redraw, I am not sure this will work for you.  We are not working on the AnnotatedTimeline chart any more, so if this doesn't work, you are out of luck with this chart.

If you otherwise like the AnnotationChart, we should be able to fix the lack of zooming and panning support in a future version.

On Wed, Sep 24, 2014 at 7:36 PM, Le Thanh Trieu <lethanh...@gmail.com> wrote:

Sir ! when I change from Annotatedtimeline to AnnotationChart the line can't zoomable and pan when I using mouse wheel like Time line.

My wish is have a chart like Annotatedtimeline without blinking.

Thanks sir !

On Wednesday, September 24, 2014 11:19:04 PM UTC+7, Daniel LaLiberte wrote:

What happens if you replace the annotatedtimeline chart with the AnnotationChart?

-- 

Daniel LaLiberte  - 978-394-1058

dlali...@Google.com   5CC, Cambridge MA

daniel.l...@GMail.com 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 google-visualization-api+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058