Skip to content

XYAxes

Open .md
Live preview

Loading example…

Gridlines in both directions and the x/y axes of an xyLayout.

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

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

export const Default: Story = {
render: (args) => <AxesFrame xTitle={args.xTitle} yTitle={args.yTitle} grid={args.grid} />,
};

Source of the Storybook story.

Prop Type Default Description
layout * XYLayout
xTitle string
yTitle string
grid boolean true

* marks a required prop.

packages/ui/src/charts/core/distribution/marks.tsx