how to create a dynamic vertical rule in CHAP timeline?

214 views
Skip to first unread message

francisco-j...@deimos-space.com

unread,
May 22, 2014, 4:57:11 AM5/22/14
to chap-link...@googlegroups.com
I am currently working with google visualization library and CHAP to draw chart and timelines into my Web service.

When I work with google charts, I can insert over the chart a dynamic vertical rule like this ( http://jsfiddle.net/q3P4v/).

When I working with timeline in CHAP, I am not able to add this rule over it.


I think it is possible that this rule only works over SVG chart and timeline is not SVG.


do you have any idea about what can I do draw this rule in timeline?

Thanks very much

C Knook

unread,
May 22, 2014, 8:25:04 AM5/22/14
to chap-link...@googlegroups.com
Hi,

I like to have this functionallity too a vertical rule which indicate a given time.
I present the date-values also in a table and when a table row is selected I like to move a vertical rule to this time in the chart (v 1.3.2).
Is this ruler available or do I have to add the vertical ruler myself?
Example of its use if already available, options?


Op donderdag 22 mei 2014 10:57:11 UTC+2 schreef francisco-j...@deimos-space.com:

Jos de Jong

unread,
May 22, 2014, 8:35:16 AM5/22/14
to chap-link...@googlegroups.com
I'm not sure what you mean (and the jsfiddle doesn't show anything).

Maybe what you are looking for is the custom time bar as shown in the following example: http://almende.github.io/chap-links-library/js/timeline/examples/example14_past_and_future.html

francisco-j...@deimos-space.com

unread,
May 22, 2014, 10:36:12 AM5/22/14
to chap-link...@googlegroups.com
I see the jsfiddle correctly although here is a screenshot:


This is a google chart with a rule over it (red color). This rule moves along the chart and fires an event when cross a value point of the chart

Now, I want to do something like this but in a  CHAP timeline.


Thanks.

Jos de Jong

unread,
May 23, 2014, 3:21:46 AM5/23/14
to chap-link...@googlegroups.com
I think you can use the custom time bar I mentioned for that. You can control this bar with functions getCustomTime() and setCustomTime(time). You will have to write some logic yourself to check whether the line crosses some point of interest, and fire events accordingly.

C Knook

unread,
May 24, 2014, 6:17:33 PM5/24/14
to chap-link...@googlegroups.com

As Jos mentioned for the timeline library: I (we) want this for the graph.js library too.
I can find the setCustomTime(time) function in the timeline.js library, but not in the graph.js library!

(@Jos de Jong?)
Can you add it to the graph library in the next days too?? Or who can?
Thanks a lot!



Op donderdag 22 mei 2014 10:57:11 UTC+2 schreef francisco-j...@deimos-space.com:
I am currently working with google visualization library and CHAP to draw chart and timelines into my Web service.

Jos de Jong

unread,
May 26, 2014, 11:21:43 AM5/26/14
to chap-link...@googlegroups.com
This functionality is indeed only available in the Timeline, not in the Graph. You can see if you can extend the Graph with this functionality (and a pull request with these new Graph features would be welcome!)

We have no plans to implement this feature for Graph ourselves. Instead, we focus on the successor of chap-links-library: vis.js. The Timeline in vis.js will become a single, merged component of the old Timeline and Graph. So that will ultimately solve your issue as well.
Reply all
Reply to author
Forward
0 new messages