Skip to content

Trend

Trend panel - sparkline-style trend visualization.

Use for showing trends without time axis.

<Trend
title="Performance Trend"
drawStyle="line"
fill={20}
>
performance_score
</Trend>
PropTypeDefaultDescription
unitUnit-Display unit
decimalsnumber-Decimal places
xFieldstring-X field (numeric, increasing values)
drawStyle'line' | 'bars' | 'points'-Drawing style
lineInterpolation'linear' | 'smooth' | 'stepBefore' | 'stepAfter'-Line interpolation
lineWidthnumber-Line width
fillnumber-Fill opacity (0-100)
gradientMode'none' | 'opacity' | 'hue' | 'scheme'-Gradient mode for fill area
legendLegendConfig | LegendPlacement-Legend configuration
colorModeColorMode-Color mode

Inherits from BasePanelProps