Possible to create exact replica of Google Finance chart using Annotated Timeline?

1,407 views
Skip to first unread message

Austin

unread,
Oct 17, 2008, 7:59:50 PM10/17/08
to Google Visualization API
Has anyone or does anyone have an idea on how to create an exact
replica of the Google Finance charts using Annotated Timeline?

VizGuy

unread,
Oct 21, 2008, 4:20:36 PM10/21/08
to google-visua...@googlegroups.com
The chart you refer to is basically the same chart that is used in Google Finance.
It has a different set of configuration options, to make it usable for general purposes.

I am not sure what you mean by exact replica though.

VizGuy

Ray Cromwell

unread,
Oct 21, 2008, 5:54:07 PM10/21/08
to google-visua...@googlegroups.com
Perhaps he means the volume bars at the bottom, or the that the x-axis
geometry is based on trading-day windows.

-Ray

Pragan

unread,
Nov 11, 2008, 6:45:37 PM11/11/08
to Google Visualization API
Hey,

So was this considered a resolved question? I am not sure about
Mr.Austin's question.
Is it possible to embed the Google Finance chart on our website?
if not, what you meant by "General Purpose".?
how can we get the similar kind of chart(google's) on our site? Is
that possible by using any google api?

thanks for your help!
pragan.


On Oct 21, 3:20 pm, VizGuy <viz...@google.com> wrote:
> The chart you refer to is basically the same chart that is used in Google
> Finance.
> It has a different set of configuration options, to make it usable for
> general purposes.
>
> I am not sure what you mean by exact replica though.
>
> VizGuy
>

The Viz (Google)

unread,
Nov 12, 2008, 9:53:03 AM11/12/08
to Google Visualization API
Re-iterating vizguy, the Annotated Timeline chart provided in the
Visualization API is the same as the one you see on Google Finance.
However, not all its configuration options have been exposed through
the API yet.
Currently the configuration options available to you can be seen here:
http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html#Configuration_Options

We are working to expose more configuration options. If there are
specific options you are looking for it'd be good to hear what those
are. It will help us prioritize.

Pragan

unread,
Nov 12, 2008, 1:34:57 PM11/12/08
to Google Visualization API
Awesome, thanks for clearing that up! I think I'm still a little
confused about the whole process, maybe you can help me out. The
example looks promising, but is there a way to input the data
dynamically? Let me know if this makes sense, I'm not very good with
communicating my questions sometimes.

[our site] user enters a query -->the question being how do we input a
dynamic stock symbol [GOOG today, AAPL tomorrow] for example
||
|| - query sent
||
[google] data processed/obtained through visualization api --> where
and how is the data processed/obtained? visualization or spreadsheet
or finance or some combo of them?
||
|| - processed data sent back to us
||
[our site] chart is displayed on our site (similar looking chart as
the one on finance.google.com) along with other fundamental financial
data as you see in finance.google.com.

Thanks so much for your help again!

On Nov 12, 9:53 am, "The Viz (Google)" <the...@google.com> wrote:
> Re-iterating vizguy, the Annotated Timeline chart provided in the
> Visualization API is the same as the one you see on Google Finance.
> However, not all its configuration options have been exposed through
> the API yet.
> Currently the configuration options available to you can be seen here:http://code.google.com/apis/visualization/documentation/gallery/annot...
>
> We are working to expose more configuration options. If there are
> specific options you are looking for it'd be good to hear what those
> are. It will help us prioritize.
>

pfhat

unread,
Nov 12, 2008, 3:09:10 PM11/12/08
to Google Visualization API
If this is going to turn into a wishlist thread I want first dibs!
I vote for
1) scrolling via mousewheel to be implemented for zooming in/out
2) have some extra padding between the newest entry and the edge of
the graph, so it's easier to get the most recent value on mouse-over.
3) give some expanded options on the annotations so we can do
something other than A-Z repeating....maybe custom strings (ideal) or
numbers.
4) improve speed. Maybe this is just me, but it seems much much slower
when scrolling/moving than the finance chart.
5) custom colors for different lines
6) expose some calls in the javascript api for things like checking a
box in html could dynamically add/remove a new line on the chart.
7) I'd like to know how to add the volume portion from the finance
chart.
8) I can add smooth-scrolling functionality to the annotation list on
right after everything has rendered, but it would be nicer if it were
generated by the chart itself on render.
9) the red dashed line that's visible when looking at individual
stocks that shows the opening price would be super useful to expose.
10) maybe allow custom icons to be added to the chart at specific date/
times. (like the green stock split marker)

Overall I'm extremely happy with this tool, and if some of the things
above are already possible, please please let me know!
-dave

On Nov 12, 7:53 am, "The Viz (Google)" <the...@google.com> wrote:
> Re-iterating vizguy, the Annotated Timeline chart provided in the
> Visualization API is the same as the one you see on Google Finance.
> However, not all its configuration options have been exposed through
> the API yet.
> Currently the configuration options available to you can be seen here:http://code.google.com/apis/visualization/documentation/gallery/annot...

Pragan

unread,
Nov 13, 2008, 8:50:37 AM11/13/08
to Google Visualization API
Any help please, I am curious to know if its possible to show/create
the finance.google.com's chart in any webpage using the API's(finance/
visualization/spreadsheet) by storing the data somewhere. Thanks!

conceptDawg

unread,
Nov 14, 2008, 2:25:51 PM11/14/08
to Google Visualization API
Well since you asked for feedback on the AnnotatedTimeLine:
* I'd like an option to hide the display of the bottom zoom area. For
some timelines the buttons are easier to use and I can save screen
real-estate by getting rid of the zoom area.
* I'd like and option to have point values to appear as tooltips (like
on main timeline chart for Google Analytics).
* It would be cool if we could have smooth bspline rendering of the
lines like the lineChart has (smoothLine). (minor, but could be nice).
* I'd like to have annotations without the list of annotations. Make
the annotation flags pop up info boxes when they are clicked. Again, a
screen real-estate saver.

Ray Cromwell

unread,
Nov 14, 2008, 2:41:26 PM11/14/08
to google-visua...@googlegroups.com
The current beta version of Chronoscope supports these features if
you're interested (see http://timepedia.org/chronoscope/docs/gviz/),
except for the smooth bspline rendering. You can switch off both the
legend and zoom overview. Markers appear as popups. And there is a
hover gviz event for doing Google Analytics style tooltips, e.g.

google.visualization.events.addListener(chart, 'hover',
function(hoverPoints) {
var html = "";
var i=0;
for(i=0; i<hoverPoints.length; i++) {
html+= "Dataset "+i+":
X="+data.getValue(hoverPoints[i].row, 0)+",
Y="+data.getValue(hoverPoints[i].row, hoverPoints[i].col)+"<br>";
}
var iw=chart.openInfoWindow(hoverPoints[0], html);
})

Since more than one point can be hovered, you get an array of
hoverpoints, which you can then use to open up a floating window with
whatever HTML you like.

(to use the beta version, follow the docs on the page I linked, but
substitute <script src="http://bpi.timepedia.org/gviz/"></script> to
include the Chronoscope visualization)

-Ray

conceptDawg

unread,
Nov 14, 2008, 4:23:59 PM11/14/08
to Google Visualization API
Ray,

Thanks for the info. I'll check it out and see what I can throw
together. We're using these for internal monitoring right now but if
we end up using them on a public-facing page I'll let you know.

-Christopher

Ray Cromwell

unread,
Nov 14, 2008, 4:27:06 PM11/14/08
to google-visua...@googlegroups.com
No problem. If you have a problem (and I bet there will be some :) ),
you can mail me, ask here, or ask on chron...@googlegroups.com

-Ray

skshah

unread,
Dec 16, 2008, 10:08:33 PM12/16/08
to Google Visualization API
I am also looking for a way to get #7 mentioned by pfhat:

-> I'd like to know how to add the volume portion from the
finance
chart.

GVIZ PM

unread,
Aug 1, 2010, 5:11:34 AM8/1/10
to google-visua...@googlegroups.com
Unfortunately, the candle stick and OHLC options will not be available as part of the annotated time line chart anytime in the next few months.
However, we will try to add these options later down the road, once we finish our current polishing of the new core charts.
All the best,
Michael Fink


On Fri, Jul 30, 2010 at 8:25 AM, Iftee <ifte...@gmail.com> wrote:
What is the plan about Candlestick and OHLC chart on annotated time
line?
Thanks

On Nov 12 2008, 8:53 pm, "The Viz (Google)" <the...@google.com> wrote:
> Re-iterating vizguy, theAnnotatedTimelinechart provided in the

> Visualization API is the same as the one you see onGoogleFinance.
> However, not all its configuration options have been exposed through
> the API yet.
> Currently the configuration options available to you can be seen here:http://code.google.com/apis/visualization/documentation/gallery/annot...

>
> We are working to expose more configuration options. If there are
> specific options you are looking for it'd be good to hear what those
> are. It will help us prioritize.
>
> On Nov 12, 1:45 am, Pragan <pragan...@gmail.com> wrote:
>
>
>
> > Hey,
>
> > So was this considered a resolved question? I am not sure about
> > Mr.Austin's question.
> > Is it possible to embed theGoogleFinancechart on our website?

> > if not, what you meant by "General Purpose".?
> > how can we get the similar kind of chart(google's) on our site? Is
> > that possible by using anygoogleapi?
>
> > thanks for your help!
> > pragan.
>
> > On Oct 21, 3:20 pm, VizGuy <viz...@google.com> wrote:
>
> > > The chart you refer to is basically the same chart that is used inGoogle
> > >Finance.
> > > It has a different set of configuration options, to make it usable for
> > > general purposes.
>
> > > I am not sure what you mean by exact replica though.
>
> > > VizGuy
>
> > > On Sat, Oct 18, 2008 at 1:59 AM, Austin <austin...@gmail.com> wrote:
>
> > > > Has anyone or does anyone have an idea on how to create an exact
> > > > replica of theGoogleFinancecharts usingAnnotatedTimeline?



--
Michael Fink | Google Chart Tools | +972.54.245.1115

asgallant

unread,
Jul 20, 2012, 3:17:13 PM7/20/12
to google-visua...@googlegroups.com
You can't do it in AnnotatedTimeline charts, but you can do it with ComboCharts + annotation and annotationText column roles + ChartRangeFilter.

On Friday, July 20, 2012 2:48:02 PM UTC-4, borui wang wrote:
Hi, I was wondering if it is possible to draw both line and bar graphs on the Annotated Timeline Chart at all? or to put the bars just below the line graph like in google finance charts and still have the Timeline ability to scroll through time.Thanks
Reply all
Reply to author
Forward
0 new messages