Props Click to collapse

• anglenumberoptional

  Angle in which ticks will be rendered.

• axisIdnumber | stringoptional

• axisLineReact.SVGProps<SVGLineElement> | false | trueoptional

• axisType"xAxis" | "yAxis"optional

• childrenReactNodeoptional

• classNamestringoptional

• dangerouslySetInnerHTMLObjectoptional

• heightnumber | stringoptional

• hidebooleanoptional

• interval(union of 6 variants)optional

• label(union of 6 variants)optional

• labelRefReact.RefObject<SVGTextElement> | nulloptional

• minTickGapnumberoptional

• mirrorbooleanoptional

• orientationnumber | stringoptional

• padding"gap" | "no-gap" | Objectoptional

  Padding information passed to custom tick components

• tickFunction | Props | ReactNode | false | trueoptional

• tickFormatterTickFormatteroptional

• tickLineReact.SVGProps<SVGLineElement> | false | trueoptional

• tickMarginnumberoptional

• ticksArray<CartesianTickItem>optional

  Careful - this is the same name as XAxis + YAxis ticks but completely different object!

• tickSizenumberoptional

• tickTextPropsPropsoptional

  Additional props to spread to each tick Text element. Optional, the CartesianAxis component will provide its own defaults calculated from other props.

• unitnumber | stringoptional

• viewBoxCartesianViewBoxoptional

• widthnumber | stringoptional

• xnumber | stringoptional

• ynumber | stringoptional

• zIndexnumberoptional

  Z-Index of this component and its children. The higher the value, the more on top it will be rendered. Components with higher zIndex will appear in front of components with lower zIndex. If undefined or 0, the content is rendered in the default layer without portals.

  Available since Recharts 3.4

  DEFAULT: "0"

  Examples:

  • Z-Index and layers guide

Deprecated Props Click to expand

Events Click to expand