TimeLine
Override defaults with $.fn.timeline.defaults.
Dependencies
- None
Usage
Create TimeLine from markup.
Create TimeLine using javascript.
Properties
| Name | Type | Description | Default |
|---|---|---|---|
| width | number | Set the component width. | auto |
| height | number | Set the component height. | 200 |
| align | string | Set the alignment of the node. Available values are: left,right,alternate,alternateReverse | left |
| data | array | The data to be loaded. | [] |
| dotStyler | function(row) | Return the styles of the dot indicator. | |
| dotFormatter | function(row) | Return the content of the dot indicator. | |
| labelFormatter | function(row) | Return the label of the line. | |
| formatter | function(row) | Return the item content of the line. | |
| itemPosition | function(row,index) | Return the item position('left' or 'right') of the line. |
Events
| Name | Parameters | Description |
|---|---|---|
| onClick | row | Fires when the line is clicked. |
Methods
| Name | Parameter | Description |
|---|---|---|
| options | none | Return the options object. |
| loadData | data | Load the data to display lines. |