Skip to content

StateTimeline

State timeline panel - state changes over time.

Use for visualizing discrete state transitions.

<StateTimeline
title="Pod Status"
showValue="always"
thresholds={{ 0: 'red', 1: 'green' }}
>
kube_pod_status_ready
</StateTimeline>
PropTypeDefaultDescription
mergeValuesboolean-Merge consecutive equal values
showValue'auto' | 'always' | 'never'-Show values
alignValue'left' | 'center' | 'right'-Align values
rowHeightnumber-Row height (0-1)
lineWidthnumber-Line width
fillnumber-Fill opacity (0-100)
legendLegendConfig | LegendPlacement-Legend configuration
colorModeColorMode-Color mode
thresholdsThresholdSpec-Threshold configuration for state colors

Inherits from BasePanelProps