@mui/x-charts
Version:
The community edition of MUI X Charts components.
33 lines • 1.44 kB
text/typescript
import * as React from 'react';
import { type UseRadarAxisParams } from "./useRadarAxis.mjs";
import { type RadarClasses } from "../radarClasses.mjs";
export interface RadarAxisProps extends UseRadarAxisParams {
/**
* Defines how label align with the axis.
* - 'horizontal': labels stay horizontal and their placement change with the axis angle.
* - 'rotated': labels are rotated 90deg relatively to their axis.
* @default 'horizontal'
*/
labelOrientation?: 'horizontal' | 'rotated';
/**
* The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
*/
textAnchor?: React.SVGProps<SVGTextElement>['textAnchor'] | ((angle: number) => React.SVGProps<SVGTextElement>['textAnchor']);
/**
* The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
*/
dominantBaseline?: React.SVGProps<SVGTextElement>['dominantBaseline'] | ((angle: number) => React.SVGProps<SVGTextElement>['dominantBaseline']);
/**
* A CSS class name applied to the root element.
*/
className?: string;
/**
* Override or extend the styles applied to the component.
*/
classes?: Partial<Pick<RadarClasses, 'axisRoot' | 'axisLine' | 'axisLabel'>>;
}
declare function RadarAxis(props: RadarAxisProps): import("react/jsx-runtime").JSX.Element | null;
declare namespace RadarAxis {
var propTypes: any;
}
export { RadarAxis };