Showing Annotations for Annotated Timeline Chart

138 views
Skip to first unread message

tanpure...@gmail.com

unread,
Jan 27, 2014, 4:56:33 AM1/27/14
to google-visua...@googlegroups.com
Hi,
   I am using Google Visualization API's "Annotated Timeline Chart" in my project to show some Trends over Time.
In my chart I need to show Annotation Markers/Labels(i.e A,B,C, etc). I referred to the following link : -
https://developers.google.com/chart/interactive/docs/gallery/annotatedtimeline?csw=1#Data_Format
I tried the Annotation thing but the issue is that i can only see the Annotations on specific line on my chart.
I need to show it at the bottom above X-axis. My X-axis is a Date Column. So I cant add "Annotation title" and
"Annotation text" after Date column as it requires The column to be Date. Is there any other way around to achieve it?
I want my annotations to be placed as shown in following chart at the bottom:-
https://www.google.com/finance?q=INDEXDJX%3A.DJI%2CINDEXSP%3A.INX%2CINDEXNASDAQ%3A.IXIC&ei=Ii3mUvCEDsjwkQX8cw
Please, help me.
Thanks in advance.

asgallant

unread,
Jan 27, 2014, 12:43:27 PM1/27/14
to google-visua...@googlegroups.com
You can't do that with an AnnotatedTimeline chart, but you can do it with a regular LineChart.  Throw in a ChartRangeFilter and you have 95% of the functionality of an AnnotatedTimeline.  Here's an example: http://jsfiddle.net/asgallant/9qZfN/

Kishan Tanpure

unread,
Jan 30, 2014, 5:20:46 AM1/30/14
to google-visua...@googlegroups.com
Is there any specific reason why I cant do it for Annotated Timeline chart? Atleast I should be able to change the color of the Annotation flag. Can I achieve that?


--
You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/_9rhFIGWx-Y/unsubscribe.
To unsubscribe from this group and all its topics, 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/groups/opt_out.

asgallant

unread,
Jan 30, 2014, 10:50:47 AM1/30/14
to google-visua...@googlegroups.com
The ATL charts are really old, and don't use the same format and options as the newer charts.  The charts team just released the replacement for the ATL charts yesterday (the replacement is called AnnotationChart).  The documentation for the new chart is not up yet, but it may be able to do what you want.


On Thursday, January 30, 2014 5:20:46 AM UTC-5, Kishan Tanpure wrote:
Is there any specific reason why I cant do it for Annotated Timeline chart? Atleast I should be able to change the color of the Annotation flag. Can I achieve that?
On Mon, Jan 27, 2014 at 11:13 PM, asgallant <drew_g...@abtassoc.com> wrote:
You can't do that with an AnnotatedTimeline chart, but you can do it with a regular LineChart.  Throw in a ChartRangeFilter and you have 95% of the functionality of an AnnotatedTimeline.  Here's an example: http://jsfiddle.net/asgallant/9qZfN/


On Monday, January 27, 2014 4:56:33 AM UTC-5, tanpure...@gmail.com wrote:
Hi,
   I am using Google Visualization API's "Annotated Timeline Chart" in my project to show some Trends over Time.
In my chart I need to show Annotation Markers/Labels(i.e A,B,C, etc). I referred to the following link : -
https://developers.google.com/chart/interactive/docs/gallery/annotatedtimeline?csw=1#Data_Format
I tried the Annotation thing but the issue is that i can only see the Annotations on specific line on my chart.
I need to show it at the bottom above X-axis. My X-axis is a Date Column. So I cant add "Annotation title" and
"Annotation text" after Date column as it requires The column to be Date. Is there any other way around to achieve it?
I want my annotations to be placed as shown in following chart at the bottom:-
https://www.google.com/finance?q=INDEXDJX%3A.DJI%2CINDEXSP%3A.INX%2CINDEXNASDAQ%3A.IXIC&ei=Ii3mUvCEDsjwkQX8cw
Please, help me.
Thanks in advance.

--
You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/_9rhFIGWx-Y/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualization-api+unsub...@googlegroups.com.

Jon Orwant

unread,
Jan 30, 2014, 10:59:04 AM1/30/14
to google-visua...@googlegroups.com


--
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.

asgallant

unread,
Jan 30, 2014, 11:03:50 AM1/30/14
to google-visua...@googlegroups.com
I see what you did there, Jon  >;o)
To unsubscribe from this group and all its topics, send an email to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.

--
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.

Daniel LaLiberte

unread,
Jan 30, 2014, 11:14:19 AM1/30/14
to google-visua...@googlegroups.com
The new AnnotationChart was targeted at being a drop-in replacement for the old AnnotatedTimeline, so it doesn't expose any new features yet.  Subsequent releases will focus on addressing the long-standing requests for new features, so I will keep Kishan's two ideas in mind.

dan


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/groups/opt_out.



--
dlaliberte@Google.com   5CC, Cambridge MA
daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

Daniel LaLiberte

unread,
Jan 30, 2014, 11:21:20 AM1/30/14
to google-visua...@googlegroups.com
The implementation of this new AnnotationChart was, by the way, inspired very much by Drew's implementation of a replacement for the AnnotatedTimeline which also used a Dashboard that wraps the chart and ChartRangeFilter. 

dan

Kishan Tanpure

unread,
Jan 30, 2014, 10:52:05 PM1/30/14
to google-visua...@googlegroups.com
Thanks for the Documentation Jon. But I think as mentioned by Daniel the documentation for the new Annotation Chart does not satisfy what I want as of yet. It would be great if you Guys have some workaround. I really want this functionality to work.
Thanks for your research Guys.


To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.

Jon Orwant

unread,
Jan 31, 2014, 11:51:43 AM1/31/14
to google-visua...@googlegroups.com
Hi Kishan,

You can change the color of the annotation boxes in area, bar, column, combo, line, and scatter charts -- but not in either the Annotation Chart or the Annotated Timeline.  If it's important to you to control that color, asgallant's suggestion upthread is the best you can do.

We will improve the customizability of the Annotation Chart to let you fine-tune the colors, but it'll be a while before we can get to it.

Jon
Reply all
Reply to author
Forward
0 new messages