<Recharts />

CartesianAxis

Properties

• xNumber

  x 坐标

  默认值：0

• yNumber

  y 坐标

  默认值：0

• widthNumber

  坐标轴的宽度。

  默认值：0

• heightNumber

  坐标轴的高度。

  默认值：0

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

  坐标轴的位置。

  默认值：'bottom'

• viewBoxObject

  图表的可视区域。

  默认值：{ x: 0, y: 0, width: 0, height: 0 }

• axisLineBoolean | Object

  轴线配置。当值为 false 时，不绘制轴线。当值为对象类型时，会把这个对象解析成 轴线 的属性配置。

  默认值：true

• tickLineBoolean | Object

  刻度线配置。当值为 false 时，不绘制刻度线。当值为对象类型时，会把这个对象解析成刻度线的属性配置。

  默认值：true

• minTickGapNumber

  两个刻度之前最小间隔宽度。

  默认值：5

• tickSizeNumber

  刻度线的长度。

  默认值：6

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

  当值为0时，所有的刻度都会展示。如果值为1，则会间隔1个刻度来展示相应的刻度。当值为 "preserveStart" 时，根据刻度的宽度自动计算间隔，在有足够的空间的情况下，会从头部的刻度开始计算。当值为 "preserveEnd" 时，会从尾部的刻度开始计算是否展示。当值为"preserveStartEnd"，会从头部、尾部的刻度开始计算向中间计算是否展示。

  默认值：'preserveEnd'

• tickBoolean | Object | ReactElement | Functionoptional

  刻度配置。当值为 false 时，不绘制刻度。当值为对象类型时，会把这个对象解析成 刻度 的属性配置。当值为 React element，会克隆这个元素来渲染刻度。

  示例：

  • A line chart with customized x-axis tick

• labelString | Number | ReactElement | Functionoptional

  当值为简单类型的数值或者字符串时，这个值会被渲染成文字标签。当值为 React element，会克隆这个元素来渲染文字标签。

• mirrorBoolean

  如果值为 true , 将刻度展示在轴的内侧，而不是外侧。

  默认值：false

• tickMarginNumberoptional

  刻度线和刻度之间的间隔。