timeline.js
Draggable timeline.
Objects
OAT.Timeline(contentDiv, options)
Creates a Timeline inside contentDiv . The
options may include:
-
lineHeight
- int, height of one
record
-
bandHeight
- int, height of one
band's header
-
margins
- int, (default
200 )
-
resize
- bool (default
true )
-
formatter
- bool (default
true )
-
sliderHeight
- int, height of
slider
-
autoHeight
- bool, should
height be automatically adjusted? (default true
)
Methods
OAT.Timeline.addBand(name, color, label)
Adds a data band to chart. The band is identified by
name , drawn in color , and labeled with
label .
OAT.Timeline.addEvent(bandName, startTime, endTime,
content, color)
Adds new event to Timeline, respective to its band
bandName . startTime and endTime are
data-time strings formatted as YYYY-MM-DDThh-mm-ss . (
ToBeDone
- verify preceding sentence! )
endTime can be false, when the event has no duration.
content is a HTML element; color is a
background color for time strip (only when endTime is
not false ).
OAT.Timeline::draw()
Draws the timeline.
CSS Classes
OAT.Timeline.timeline
ToBeDone
OAT.Timeline.timeline_port
ToBeDone
OAT.Timeline.timeline_slider
ToBeDone
Example
ToBeDone