| month | Projects published |
|---|---|
| January | 24 |
| February | 31 |
| March | 28 |
| April | 35 |
| May | 42 |
| June | 38 |
<Chart.XAxis tickFormatter={(value) => `${value}`.slice(0, 3)} />API
| Prop | Type | Default | |
|---|---|---|---|
axisLine | boolean | false | Draw the line along the axis itself. |
hide | boolean | false | Keeps the scale but draws nothing — useful behind a bar's own labels. |
minTickGap | number | 8 | Minimum pixels between two labels before ticks start being dropped. |
tickCount | number | 5 | Target number of ticks. The scale rounds it to readable intervals. |
tickFormatter | ((value: string | number) => string) | — | Formats each label. Use it for units, dates and locale. |
tickLine | boolean | false | Draw the short mark beside each label. |
tickMargin | number | 8 | Gap between the axis and its labels. |
Plus every <g> prop. Source: chart/components/chart-x-axis.tsx.
Ticks are dropped rather than rotated when labels would collide, which is what
minTickGap controls. If labels are being clipped instead, the fix is margin
on Chart.Root — the axes draw inside the root's box.