AxisBottom

Category or time labels under the plot.

Import

import { AxisBottom } from "@jcsoftdev/ui/charts";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/charts/core.

Usage

export const Default: Story = {
  render: () => <AxesDemo title="Ventas" rightTitle="Cortes" showRight={false} showGrid />,
};

Source of the Storybook story.

Props

Prop	Type	Default	Description
ticks *	readonly AxisTick[]
offset *	number		Offset of the axis line: y for bottom, x for left/right.
title	string
color	string		Overrides the label color (a value axis matched to its series).
rotate	number		Tilts the labels by this many degrees (negative reads up and to the right), e.g. -45.

* marks a required prop.

Storybook stories

• Default
• Dual Axis
• Without Grid

Source

packages/ui/src/charts/core/axes.tsx