Skip to main content

<ChartRow>

component@pond-ts/chartssource

A horizontal band sharing the container's time axis. ChartRow owns the horizontal layout (axes left/right around a <Layers> plot area) and coordinates the row's two registries — axes (<YAxis>) and draw layers (<LineChart>, registered through <Layers>). From the layers it derives a y-scale per axis (each axis auto-fits the layers linked to it, or uses its explicit [min, max]), and provides them via context.

The x geometry (plot width, time scale) is shared and lives on the ChartContainer: the row reports its per-slot gutter widths so the container can reserve each slot's max, then sizes each axis to its slot and pads the outer slots it lacks, so its plot left-aligns with every other row under the one time axis.

Children lay out left-to-right in author order, so <YAxis side="left"/> goes before <Layers/> and <YAxis side="right"/> after.

Props

heightnumberrequired

Row height in CSS pixels.

childrenReactNode
cursorCursorModeCursorModetype@pond-ts/charts'none' | 'line' | 'point' | 'inline' | 'flag' | 'crosshair' | 'region'

The in-chart cursor presentation for a row (the synced vertical line is shared across rows). Exclusive modes — pick one:

Cursor presentation for this row, overriding the container's default (ChartContainerProps.cursor). Omit to inherit. See CursorMode.