Extends
- HTMLElement
Members
dataset :Array.<EventData>
Dataset of the timeline
Type:
- Array.<EventData>
- Source:
dateTimeFormat :Object
Intl.DateTimeFormat configuration object
Type:
- Object
- Source:
debug :boolean|string
Togles debug mode
Type:
- boolean | string
- Source:
formatDateFun :function
Function used to format dates
Type:
- function
- Source:
locale
Locale used to formate dates and times
- Source:
maxRows
Max number of rows
- Source:
maxZoomFactor
Max zoom factor
- Source:
minZoomFactor
Minimal zoom factor
- Source:
selectedIndex
- Source:
Fires:
- event:ChangeSelectedIndexEvent
timeUnit :TimeUnit
TimeUnit used in the dataset
Type:
- Source:
timeUnitsPerPixels :number
Current Time Unit per pixels . Aka, a screen pixel represent X Time Units
Type:
- number
- Source:
zoomFactor
Current zoom factor
- Source:
(static) observedAttributes
Array of attrbutes names to monitor for changes
- Source:
Methods
attributeChangedCallback()
Called when an atribute it's modified
- Source:
connectedCallback()
Browser calls this method when the element is added to the document
(can be called many times if an element is repeatedly added/removed)
- Source:
decreaseZoomFactor()
Decreases Zoom factor by 2
- Source:
disconnectedCallback()
browser calls this method when the element is removed from the document
(can be called many times if an element is repeatedly added/removed)
- Source:
fetch(src, options) → {Promise}
Load the dataset from an JSON on a url
Parameters:
| Name | Type | Description |
|---|---|---|
src |
string | URL | URL where fetch the dataset |
options |
Object | fetch() options |
- Source:
Returns:
A promise with the parse json
- Type
- Promise
increaseZoomFactor()
Increases Zoom factor by 2
- Source:
selectFirst()
Selects the first time event
- Source:
Fires:
- event:ChangeSelectedIndexEvent
selectLast()
Selects the last time event
- Source:
Fires:
- event:ChangeSelectedIndexEvent
selectNext()
Selects the next time event
- Source:
Fires:
- event:ChangeSelectedIndexEvent
selectPrevious()
Selectes the previous time event
- Source:
Fires:
- event:ChangeSelectedIndexEvent