<timeline> ImageSize= width:800 height:auto barincrement:35 # Sets the width at 800px, and provides some cushion between the bars DateFormat=mm/dd/yyyy # Other options are yyyy or mm/yyyy Period = from:01/01/1990 till:01/01/2005 # Defines the beginning and end dates of the timeline TimeAxis = orientation:horizontal PlotArea = right:10 left:10 bottom:20 top:20 # Sets plot area margins in pixels
Colors = # defines colors - indent all lines below until you're done with colors.
id:bg value:white # there are 32 named colors you can use
id:thing value:rgb(0.8,0.8,0.8) # this is a darkish gray
id:anotherthing value:rgb(1,0.5,0.5) # this is a salmon pink colors
id:yetanotherthing value:limegreen legend:"Yet another thing" # another example of a named color - note the "legend" variable, which will show up in the legend that you defined above
id:lightline value:rgb(0.2,0.2,0.2) # a nice light gray for your gridlines (below)
BackgroundColors = canvas:bg # this sets a white background. You can set a default color for your timeline bars with "bars:[colorid]" ScaleMajor = unit:year gridcolor:lightline # creates a timeline with grid lines that will run upwards across the whole image
PlotData = # it's finally time to draw some bars
bar:thing
color:thing width:25 text:S mark:(line,black)
from:01/01/1990 till:03/01/1994 text:"You can link things,"
from:03/01/1994 till:06/30/1998 text:"or not,"
from:06/30/1998 till:01/01/2005 text:"but you must choose"
bar:anotherthing
color:anotherthing width:25 text:S mark:(line,black)
from:03/01/1994 till:12/31/1998 text:"Bars can start anywhere,"
from:01/01/2000 till:01/01/2002 text:"and have gaps."
from:01/01/2002 till:01/01/2005 shift:(0,15) text:"You can move text with 'shift:(x,y)'""
bar:yetanotherthing
color:yetanotherthing width 25 text:S mark:(line,black)
from:01/01/1990 till:01/01/2005 text:"Most commands and variables are called with the name:value format"
</timeline>