Skip to content

XYChart

XY chart panel - scatter plots and bubble charts.

Use for showing relationships between two variables.

<XYChart
title="CPU vs Memory"
xField="cpu_usage"
yField="memory_usage"
show="points"
>
system_resources
</XYChart>
PropTypeDefaultDescription
unitUnit-Display unit
decimalsnumber-Decimal places
xFieldstring-X field
yFieldstring-Y field
sizeFieldstring-Size field (for bubble charts)
colorFieldstring-Color field
show'points' | 'lines' | 'points+lines'-Show mode
pointSizenumber-Point size
lineWidthnumber-Line width
fillnumber-Fill opacity (0-100)
legendLegendConfig | LegendPlacement-Legend configuration
colorModeColorMode-Color mode

Inherits from BasePanelProps