.create()

Tinderbox Icon

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):

Up: The Timeline Object
  Next: .withEvents() 

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

Quicklinks: Attributes | Action Codes | Export Codes | Designators | Date Formats | aTbRef Site Map

[Last updated: 16 May 2012, using v5.11.1]


Search:

Google search aTbRef for:  


Creative Commons Licence

aTbRef by Mark Anderson is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

[See aTbRef CC licence Attribution & Waiver info]

Made with Tinderbox