Skip to main content

OtelTimelineRangeSliderProps

Datalayer Core


Datalayer Core / OtelTimelineRangeSliderProps

Interface: OtelTimelineRangeSliderProps

Defined in: src/otel/types.ts:161

Props for the timeline range slider.

Properties

formatTick?

optional formatTick?: (date) => string

Defined in: src/otel/types.ts:177

Format a Date into a tick label string.

Parameters

date

Date

Returns

string


height?

optional height?: number

Defined in: src/otel/types.ts:179

Height of the slider in px. Default 56.


histogram?

optional histogram?: object[]

Defined in: src/otel/types.ts:181

Optional histogram data: array of objects with time (Date) and count (number) fields.

count

count: number

time

time: Date


onRangeChange

onRangeChange: (start, end) => void

Defined in: src/otel/types.ts:171

Called continuously while dragging.

Parameters

start

Date

end

Date

Returns

void


onRangeCommit?

optional onRangeCommit?: (start, end) => void

Defined in: src/otel/types.ts:173

Called once when dragging ends.

Parameters

start

Date

end

Date

Returns

void


selectedEnd

selectedEnd: Date

Defined in: src/otel/types.ts:169

Current selected range end.


selectedStart

selectedStart: Date

Defined in: src/otel/types.ts:167

Current selected range start.


tickCount?

optional tickCount?: number

Defined in: src/otel/types.ts:175

Number of tick marks. Default 8.


timelineEnd

timelineEnd: Date

Defined in: src/otel/types.ts:165

Timeline end (right edge).


timelineStart

timelineStart: Date

Defined in: src/otel/types.ts:163

Timeline start (left edge).