Add "scooter" to line chart

51 views
Skip to first unread message

Henning Straume

unread,
Jan 14, 2016, 5:13:50 AM1/14/16
to Google Visualization API

Is it possible to add a "scooter" to a line chart ? By scooter I mean a y-line as in the picture I uploaded

The "scooter" is used when people browse through different line charts but want to have the scooter at the same timestamp.

The "scooter" should also show the value at that timestamp



Sergey Grabkovsky

unread,
Jan 14, 2016, 10:12:33 AM1/14/16
to Google Visualization API
Hi Henning,

It looks like your 'scooter' can be achieved with domain line annotations. Here is a simple example of domain annotations: http://jsfiddle.net/8ayf166a/

--
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 https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/645f7ed7-b2a0-40a2-856a-8808d59916e4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
--

unnamed.gif

Sergey Grabkovsky

Software Engineer

Google, Inc

gra...@google.com

Henning Straume

unread,
Jan 15, 2016, 2:53:35 AM1/15/16
to Google Visualization API
Hello,

Very nice ! I did some testing on it and is it possible to display the value / text on the top of the line ? Now it is on the middle of the 'line'













Henning

torsdag 14. januar 2016 16.12.33 UTC+1 skrev Sergey følgende:
Hi Henning,

It looks like your 'scooter' can be achieved with domain line annotations. Here is a simple example of domain annotations: http://jsfiddle.net/8ayf166a/

On Thu, Jan 14, 2016 at 5:13 AM Henning Straume <pjo...@gmail.com> wrote:

Is it possible to add a "scooter" to a line chart ? By scooter I mean a y-line as in the picture I uploaded

The "scooter" is used when people browse through different line charts but want to have the scooter at the same timestamp.

The "scooter" should also show the value at that timestamp



--
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 15, 2016, 8:17:00 AM1/15/16
to Google Visualization API
Hi Henning, 

We don't have any options at this time for positioning the text of the domain line annotations. but that is a good idea.  We may be working on annotations in the next couple months to address several issues, so we'll consider this feature at that time.

On Fri, Jan 15, 2016 at 2:53 AM, Henning Straume <pjo...@gmail.com> wrote:
Hello,

Very nice ! I did some testing on it and is it possible to display the value / text on the top of the line ? Now it is on the middle of the 'line'













Henning

torsdag 14. januar 2016 16.12.33 UTC+1 skrev Sergey følgende:
Hi Henning,

It looks like your 'scooter' can be achieved with domain line annotations. Here is a simple example of domain annotations: http://jsfiddle.net/8ayf166a/

On Thu, Jan 14, 2016 at 5:13 AM Henning Straume <pjo...@gmail.com> wrote:

Is it possible to add a "scooter" to a line chart ? By scooter I mean a y-line as in the picture I uploaded

The "scooter" is used when people browse through different line charts but want to have the scooter at the same timestamp.

The "scooter" should also show the value at that timestamp



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

unnamed.gif

Sergey Grabkovsky

Software Engineer

Google, Inc

gra...@google.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.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.

For more options, visit https://groups.google.com/d/optout.



--

Henning Straume

unread,
Jan 18, 2016, 12:54:14 AM1/18/16
to Google Visualization API
Hello Daniel,

Great to hear. Another thing that could be useful for the end user is that the scooter can be added by double click in the line chart and the scooter can be moved between the "values".
A dynamic trend is a good trend for the end user.

Henning


fredag 15. januar 2016 14.17.00 UTC+1 skrev Daniel LaLiberte følgende:
Hi Henning, 

We don't have any options at this time for positioning the text of the domain line annotations. but that is a good idea.  We may be working on annotations in the next couple months to address several issues, so we'll consider this feature at that time.
On Fri, Jan 15, 2016 at 2:53 AM, Henning Straume <pjo...@gmail.com> wrote:
Hello,

Very nice ! I did some testing on it and is it possible to display the value / text on the top of the line ? Now it is on the middle of the 'line'













Henning

torsdag 14. januar 2016 16.12.33 UTC+1 skrev Sergey følgende:
Hi Henning,

It looks like your 'scooter' can be achieved with domain line annotations. Here is a simple example of domain annotations: http://jsfiddle.net/8ayf166a/

On Thu, Jan 14, 2016 at 5:13 AM Henning Straume <pjo...@gmail.com> wrote:

Is it possible to add a "scooter" to a line chart ? By scooter I mean a y-line as in the picture I uploaded

The "scooter" is used when people browse through different line charts but want to have the scooter at the same timestamp.

The "scooter" should also show the value at that timestamp



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

unnamed.gif

Sergey Grabkovsky

Software Engineer

Google, Inc

gra...@google.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.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.



--

Daniel LaLiberte

unread,
Jan 18, 2016, 5:28:00 PM1/18/16
to Google Visualization API
Hi Henning,

You may be interested in the crosshair feature then, which draws horizontal and/or vertical lines as the user moves the mouse over data points.   You could combine that with an 'select' handler to add (or remove) an annotation at the points where the user has clicked.

On Mon, Jan 18, 2016 at 12:54 AM, Henning Straume <pjo...@gmail.com> wrote:
Hello Daniel,

Great to hear. Another thing that could be useful for the end user is that the scooter can be added by double click in the line chart and the scooter can be moved between the "values".
A dynamic trend is a good trend for the end user.

Henning

fredag 15. januar 2016 14.17.00 UTC+1 skrev Daniel LaLiberte følgende:
Hi Henning, 

We don't have any options at this time for positioning the text of the domain line annotations. but that is a good idea.  We may be working on annotations in the next couple months to address several issues, so we'll consider this feature at that time.
On Fri, Jan 15, 2016 at 2:53 AM, Henning Straume <pjo...@gmail.com> wrote:
Hello,

Very nice ! I did some testing on it and is it possible to display the value / text on the top of the line ? Now it is on the middle of the 'line'













Henning

torsdag 14. januar 2016 16.12.33 UTC+1 skrev Sergey følgende:
Hi Henning,

It looks like your 'scooter' can be achieved with domain line annotations. Here is a simple example of domain annotations: http://jsfiddle.net/8ayf166a/

On Thu, Jan 14, 2016 at 5:13 AM Henning Straume <pjo...@gmail.com> wrote:

Is it possible to add a "scooter" to a line chart ? By scooter I mean a y-line as in the picture I uploaded

The "scooter" is used when people browse through different line charts but want to have the scooter at the same timestamp.

The "scooter" should also show the value at that timestamp



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

unnamed.gif

Sergey Grabkovsky

Software Engineer

Google, Inc

gra...@google.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.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.



--

--
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 https://groups.google.com/group/google-visualization-api.

For more options, visit https://groups.google.com/d/optout.



--

Henning Straume

unread,
Jan 20, 2016, 4:20:51 AM1/20/16
to Google Visualization API
Hello again Daniel,

I tried with vertical lines and it works, however it does not show the value when you have selected a point, just when you hover/click.
Tried also to set series 0 and 1 with crosshair but that does not work if you have more then 1 trend line.

Here is a picture of what I am trying to achieve:


It has 4 trend lines and the scooter is added by a double click. The scooter shows the value(s) at that time for each trend lines. When trend refreshes the scooter stays at same location but timestamp is updated.

I have achieved it with one trend line adding static scooter (Sergey's solution) :


The scooter will move backwards because it is locked to the timestamp. It should be no problem locking it in the window as in the first picture by checking the difference between old timestamps and new timestamps and move it to the new location.
I dont expect that there is a solution today but if anyone know of a similar solution on the first picture with todays chart functions it will help a lot.

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

unnamed.gif

Sergey Grabkovsky

Software Engineer

Google, Inc

gra...@google.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.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.



--

--
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 https://groups.google.com/group/google-visualization-api.



--
Reply all
Reply to author
Forward
0 new messages