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:
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.