JavaScript & React libraryAPI

Class: Timeline

A timeline component that shows data distribution over time or numeric range. It provides an interface for selecting a range within the data.

Extends

Constructors

Constructor

new Timeline(containerNode, config?): Timeline

Parameters

ParameterType
containerNodeHTMLElement
config?TimelineConfigInterface

Returns

Timeline

Overrides

DisplayStateManager.constructor

Methods

extractConfig()

static extractConfig(config, defaultConfig): DisplayStateConfigInterface

Parameters

ParameterType
configDisplayStateConfigInterface
defaultConfigDisplayStateConfigInterface

Returns

DisplayStateConfigInterface

Inherited from

DisplayStateManager.extractConfig


showState()

showState(text?): void

Shows the DisplayState element with the specified text

Parameters

ParameterTypeDescription
text?stringOptional text to display, defaults to noDataMessage

Returns

void

Inherited from

DisplayStateManager.showState


hideState()

hideState(): void

Hides the DisplayState element

Returns

void

Inherited from

DisplayStateManager.hideState


setDisplayStateConfig()

setDisplayStateConfig(config): void

Updates the DisplayState configuration

Parameters

ParameterType
configDisplayStateConfigInterface

Returns

void

Inherited from

DisplayStateManager.setDisplayStateConfig


setLoadingState()

setLoadingState(): void

Sets the DisplayState element to loading state

Returns

void

Overrides

DisplayStateManager.setLoadingState


getCurrentSelection()

getCurrentSelection(): undefined | [Date, Date] | [number, number]

Returns

undefined | [Date, Date] | [number, number]


getCurrentSelectionInPixels()

getCurrentSelectionInPixels(): undefined | [number, number]

Returns

undefined | [number, number]


getBarWidth()

getBarWidth(): number

Returns

number


getConfig()

getConfig(): TimelineConfigInterface

Returns

TimelineConfigInterface


getIsAnimationRunning()

getIsAnimationRunning(): boolean

Returns

boolean


setConfig()

setConfig(config?): void

Parameters

ParameterType
config?TimelineConfigInterface

Returns

void


setTimeData()

setTimeData(data, customExtent?): void

Parameters

ParameterType
dataundefined | number[] | Date[]
customExtent?[Date, Date] | [number, number]

Returns

void


setHighlightedData()

setHighlightedData(data): void

Parameters

ParameterType
dataundefined | number[] | Date[]

Returns

void


setSelection()

setSelection(selectionRange?, renderOnly?): void

Parameters

ParameterTypeDefault value
selectionRange?[Date, Date] | [number, number]undefined
renderOnly?booleanfalse

Returns

void


updateDimensions()

updateDimensions(): void

Returns

void


resize()

resize(): void

Returns

void


render()

render(): void

Returns

void


playAnimation()

playAnimation(): void

Returns

void


pauseAnimation()

pauseAnimation(): void

Returns

void


stopAnimation()

stopAnimation(): void

Returns

void


destroy()

destroy(): void

Cleanup method for DisplayState elements

Returns

void

Overrides

DisplayStateManager.destroy