search

almende / chap-links-library

a web based visualization library for displaying graphs, networks, and timelines
http://almende.github.com/chap-links-library
Apache License 2.0
599 stars 167 forks source link

Range to small for label #335

Open kohloth opened 9 years ago

kohloth commented 9 years ago

The timeline works great if your event is put down as happening in a discreet point in time. i.e. Monday 26th February, 2014.

But if you have a range, say Monday 26th February, 2014 to Wednesday 28th February 2014, then the bar that signifies these two days IS ALSO THE LABEL for that event. But if that event is only 2 days long, and your zoom level is set to show a whole year, you can't see what the label contains, as its too narrow.

Wouldn't it make more sense to have the bar that signifies the duration of the event to be on the same line that the dots appear on, and then have a label coming off it, just like the dots do? After all, the dots signify time, and the labels signify information. Seeing the bar that signifies a duration of time alongside the labels that describe the event is also confusing, as the labels make it look like events with a discreet duration (i.e. "one day") are actually range events (i.e. Several days).

Is there an option to do this that I have overlooked?

josdejong commented 9 years ago

The Timeline indeed doesn't support that.

However, in the successor of the chap-links-library, vis.js, you can achieve this behavior with a simple CSS adjustment, see http://visjs.org/examples/timeline/18_range_overflow.html