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>| Prop | Type | Default | Description |
|---|---|---|---|
unit | Unit | - | Display unit |
decimals | number | - | Decimal places |
xField | string | - | X field (numeric, increasing values) |
drawStyle | 'line' | 'bars' | 'points' | - | Drawing style |
lineInterpolation | 'linear' | 'smooth' | 'stepBefore' | 'stepAfter' | - | Line interpolation |
lineWidth | number | - | Line width |
fill | number | - | Fill opacity (0-100) |
gradientMode | 'none' | 'opacity' | 'hue' | 'scheme' | - | Gradient mode for fill area |
legend | LegendConfig | LegendPlacement | - | Legend configuration |
colorMode | ColorMode | - | Color mode |
Inherits from BasePanelProps