This version is out of date, covering development from v6.0.0 to v6.6.5. It is maintained here only for inbound reference links from elsewhere. It is no longer actively updated.

Jump to the current version of aTbRef

TinderboxSix 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"'});


A Tinderbox Reference File : Syntax Library : Web Timeline customisation : JavaScript Library : The Timeline Object : .create()