CartesianAxis

Properties

• x Number

x 坐标

默认值：0

• y Number

y 坐标

默认值：0

• width Number

坐标轴的宽度。

默认值：0

• height Number

坐标轴的高度。

默认值：0

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

坐标轴的位置。

默认值：'bottom'

• viewBox Object

图表的可视区域。

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

• axisLine Boolean | Object

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

默认值：true

• tickLine Boolean | Object

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

默认值：true

• minTickGap Number

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

默认值：5

• tickSize Number

刻度线的长度。

默认值：6

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

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

默认值：'preserveEnd'

• tick Boolean | Object | ReactElement | Function optional

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

示例：

• A line chart with customized x-axis tick

• label String | Number | ReactElement | Function optional

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

• mirror Boolean

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

默认值：false

• tickMargin Number optional

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