Y axis

Left or right Y-axis with nice tick labels. Optional secondary domain for dual-axis composition.

Primitive: ChartAxisY

Interactive demo

Usage

import { ChartRoot, ChartAxisY } from '@ramtt/charts'

<ChartRoot data={data} height={200}>
  <ChartAxisY tickCount={4} format={(v) => `$${v}`} />
</ChartRoot>

Props

PropTypeDefaultDescription
tickCountnumber4Number of nice ticks
format(value: number) => stringTick label formatter (default: toLocaleString)
position'left' | 'right''left'Render on left or right edge
domainreadonly [number, number]Override domain (for secondary axis)
dxnumber-10Horizontal offset from chart edge
visiblebooleantrueShow/hide via opacity (keeps mounted)