<Recharts />

CartesianAxis

Properties

• xNumber

  The x-coordinate of axis.

  DEFAULT: 0

• yNumber

  The y-coordinate of axis.

  DEFAULT: 0

• widthNumber

  The width of axis.

  DEFAULT: 0

• heightNumber

  The height of axis.

  DEFAULT: 0

• orientation'top' | 'bottom' | 'left' | 'right'

  The orientation of axis.

  DEFAULT: 'bottom'

• viewBoxObject

  The box of viewing area.

  DEFAULT: { x: 0, y: 0, width: 0, height: 0 }

• axisLineBoolean | Object

  If set false, no axis line will be drawn. If set a object, the option is the configuration of axis line.

  DEFAULT: true

• tickLineBoolean | Object

  If set false, no axis tick lines will be drawn. If set a object, the option is the configuration of tick lines.

  DEFAULT: true

• minTickGapNumber

  The minimum gap between two adjacent labels.

  DEFAULT: 5

• tickSizeNumber

  The length of tick line.

  DEFAULT: 6

• interval"preserveStart" | "preserveEnd" | "preserveStartEnd" | Number

  If set 0, all the ticks will be shown. If set preserveStart", "preserveEnd" or "preserveStartEnd", the ticks which is to be shown or hidden will be calculated automatically.

  DEFAULT: 'preserveEnd'

• tickBoolean | Object | ReactElement | Functionoptional

  If set false, no ticks will be drawn. If set a object, the option is the configuration of ticks. If set a React element, the option is the custom react element of drawing ticks. If set a function, the function will be called to render customized tick.

  Examples:

  • A line chart with customized x-axis tick

• labelString | Number | ReactElement | Functionoptional

  If set a string or a number, default label will be drawn, and the option is content. If set a React element, the option is the custom react element of drawing label. If set a function, the function will be called to render customized label.

• mirrorBoolean

  If set true, flips ticks around the axis line, displaying the labels inside the chart instead of outside.

  DEFAULT: false

• tickMarginNumberoptional

  The margin between tick line and tick.