This version is out of date, covering development from v5.0.0 to v5.12.2. It is maintained here only for inbound reference links from elsewhere.

Jump to the current version of aTbRef.

Tinderbox Icon

.create()

Timeline.create()

This creates a new Timeline object and associated the object with an HTML <canvas> object. As the canvas is indicated via a unique ID, it is possible for an HTML page to display more than one discrete timeline.

The create() function has one required parameter: element.

The overall width/height are set in the canvas element's HTML attributes. The height should be the total of bandHeights and scaleHeight if either/both these are being customised.

Optional additional parameters are added as a comma-delimited list of named objects. For example:

var theTimeline_timeline=Timeline.create({
   element:"timeline",
   bandHeights:[78],
   bands:[],
   backgroundColor:'#f2f2e6',
   bandColor:'#d5ccc3"'});

Possible relevant notes (via "Similar Notes" feature):


A Tinderbox Reference File : Syntax Library: Tutorials, Wizards and Timelines : Web Timeline customisation : JavaScript Library : The Timeline Object : .create()