Getting started
Usage
call paramters: new Timeline(element, eventEmitter, data, options)
; let ee = ; const element = document; const timeline = element ee thisdata { return dat || `<br>`; } ; ee; ee;
You can use EventEmitter to call events on click dots or interval to show whatever you want.
Options
locale: fr_FR // A TimeLocaleDefinition intervalMinWidth: 10 // px {return dat || $dfrom<br>$dto;} //Show Tooltips textTruncateThreshold: 30 hideGroupLabels: false width:1600 height:600 textWidth:10
TimeLocale Exemple:
var fr_FR: TimeLocaleDefinition = "dateTime": "%A, le %e %B %Y, %X" "date": "%d/%m/%Y" "time": "%H:%M:%S" "periods": "AM" "PM" "days": "dimanche" "lundi" "mardi" "mercredi" "jeudi""vendredi" "samedi" "shortDays": "dim." "lun." "mar." "mer." "jeu." "ven.""sam." "months": "janvier" "février" "mars" "avril" "mai" "juin" "juillet" "août" "septembre" "octobre" "novembre" "décembre" "shortMonths": "janv." "févr." "mars" "avr." "mai" "juin""juil." "août" "sept." "oct." "nov." "déc." ;
Data Example:
private data = label: 'Name' data: type: "POINT" at: 2016 5 1 color:"blue" type: "POINT" at: 2016 6 1 type: "POINT" at: 2016 6 1 color:"red" type: "POINT" at: 2016 8 1 type: "POINT" at: 2016 9 1 type: "POINT" at: 2016 10 1 color:"red" label: 'Name 1' data: label: 'Label 1' labelColor:'green' type: "INTERVAL" from: 2016 5 15 to: 2016 7 1 label: 'Label 2' type: "INTERVAL" from: 2016 6 1 to: 2016 8 1 color:"green" label: 'Label 1' type: "INTERVAL" from: 2016 7 10 to: 2016 9 15 ;