%META:TOPICPARENT{name="OATDOCIndex"}%
---+ timeline.js

Draggable timeline.

%TOC%

---++ Objects

---+++ OAT.Timeline(contentDiv, options)

Creates a Timeline inside <tt>contentDiv</tt>. The <tt>options</tt> may include:

   * <tt>lineHeight</tt> - int, height of one record
   * <tt>bandHeight</tt> - int, height of one band's header
   * <tt>margins</tt> - int, (default 200)
   * <tt>resize</tt> - bool (default true)
   * <tt>formatter</tt> - bool (default true)
   * <tt>sliderHeight</tt> - int, height of slider
   * <tt>autoHeight</tt> - 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 <tt>name</tt>, drawn in <tt>color</tt>, and labeled with <tt>label</tt>.

---+++ OAT.Timeline.addEvent(bandName, startTime, endTime, content, color)

Adds new event to Timeline, respective to its <tt>bandb</tt> and <tt>Name</tt>.
   * <tt>startTime</tt> and <tt>endTime</tt> are data-time strings formatted as <tt>YYYY-MM-DDThh-mm-ss</tt>. (*ToBeDone - verify preceding sentence!* )
   * <tt>endTime</tt> can be false, when the event has no duration.
   * <tt>content</tt> is a HTML element.
   * <tt>color</tt>is a background color for time strip (only when <tt>endTime</tt> is not <tt>false</tt>).

---+++ OAT.Timeline::draw()

Draws the timeline.

---++ CSS Classes

---+++ OAT.Timeline.timeline

ToBeDone

---+++ OAT.Timeline.timeline_port

ToBeDone

---+++ OAT.Timeline.timeline_slider

ToBeDone

---++ Example

ToBeDone

CategoryDocumentation CategoryOAT CategoryOpenSource CategoryToBeDone