Reincharts
    Preparing search index...

    Interface XAxisProps<T>

    interface XAxisProps<T extends number | Date> {
        axisAt?: number | "middle" | "top" | "bottom";
        className?: string;
        domainClassName?: string;
        fontFamily?: string;
        fontSize?: number;
        fontWeight?: number;
        getMouseDelta?: (
            startXY: [number, number],
            mouseXY: [number, number],
        ) => number;
        gridLinesStrokeDasharray?: strokeDashTypes;
        gridLinesStrokeStyle?: string;
        gridLinesStrokeWidth?: number;
        innerTickSize?: number;
        onContextMenu?: (e: MouseEvent, mousePosition: [number, number]) => void;
        onDoubleClick?: (e: MouseEvent, mousePosition: [number, number]) => void;
        orient?: "top" | "bottom";
        outerTickSize?: number;
        showDomain?: boolean;
        showGridLines?: boolean;
        showTickLabel?: boolean;
        showTicks?: boolean;
        strokeStyle?: string;
        strokeWidth?: number;
        tickFormat?: (value: T) => string;
        tickLabelFill?: string;
        tickPadding?: number;
        ticks?: number;
        tickSize?: number;
        tickStrokeDasharray?: strokeDashTypes;
        tickStrokeStyle?: string;
        tickStrokeWidth?: number;
        tickValues?: number[];
        xZoomHeight?: number;
        zoomCursorClassName?: string;
        zoomEnabled?: boolean;
    }

    Type Parameters

    • T extends number | Date
    Index

    Properties

    axisAt? className? domainClassName? fontFamily? fontSize? fontWeight? getMouseDelta? gridLinesStrokeDasharray? gridLinesStrokeStyle? gridLinesStrokeWidth? innerTickSize? onContextMenu? onDoubleClick? orient? outerTickSize? showDomain? showGridLines? showTickLabel? showTicks? strokeStyle? strokeWidth? tickFormat? tickLabelFill? tickPadding? ticks? tickSize? tickStrokeDasharray? tickStrokeStyle? tickStrokeWidth? tickValues? xZoomHeight? zoomCursorClassName? zoomEnabled?

    Properties

    axisAt?: number | "middle" | "top" | "bottom"

    Position of the axis.

    className?: string

    CSS class name for the axis.

    domainClassName?: string

    CSS class name for the domain line.

    fontFamily?: string

    Font family for tick labels.

    fontSize?: number

    Font size for tick labels.

    fontWeight?: number

    Font weight for tick labels.

    getMouseDelta?: (startXY: [number, number], mouseXY: [number, number]) => number

    Function to calculate mouse delta for zoom operations.

    gridLinesStrokeDasharray?: strokeDashTypes

    Dash style for the grid lines.

    gridLinesStrokeStyle?: string

    Color of the grid lines.

    gridLinesStrokeWidth?: number

    Width of the grid lines.

    innerTickSize?: number

    Length of the inner ticks.

    onContextMenu?: (e: MouseEvent, mousePosition: [number, number]) => void

    Context menu event handler.

    onDoubleClick?: (e: MouseEvent, mousePosition: [number, number]) => void

    Double click event handler.

    orient?: "top" | "bottom"

    Orientation of the axis.

    outerTickSize?: number

    Length of the outer ticks.

    showDomain?: boolean

    Show the axis domain line.

    showGridLines?: boolean

    Show grid lines.

    showTickLabel?: boolean

    Show tick labels.

    showTicks?: boolean

    Show axis ticks.

    strokeStyle?: string

    Color of the axis line.

    strokeWidth?: number

    Width of the axis line.

    tickFormat?: (value: T) => string

    Function to format tick values.

    tickLabelFill?: string

    Color of the tick labels.

    tickPadding?: number

    Padding between ticks and labels.

    ticks?: number

    Number of ticks.

    tickSize?: number

    Size of the ticks.

    tickStrokeDasharray?: strokeDashTypes

    Dash style for the tick marks.

    tickStrokeStyle?: string

    Color of the tick marks.

    tickStrokeWidth?: number

    Width of the tick marks.

    tickValues?: number[]

    Custom tick values to display.

    xZoomHeight?: number

    Height of the zoom area.

    zoomCursorClassName?: string

    CSS class name for the zoom cursor.

    zoomEnabled?: boolean

    Enable zoom functionality.

    Settings

    Member Visibility

    On This Page

    Properties