recharts
Version:
React charts
52 lines (51 loc) • 1.79 kB
TypeScript
import * as React from 'react';
import { TooltipIndex, TooltipPayloadSearcher } from '../state/tooltipSlice';
import { DataKey } from '../util/types';
export interface SunburstData {
[key: string]: any;
name: string;
value?: number;
fill?: string;
tooltipIndex?: TooltipIndex | undefined;
children?: SunburstData[];
}
interface TextOptions {
fontFamily?: string;
fontWeight?: string;
paintOrder?: string;
stroke?: string;
fill?: string;
fontSize?: string;
pointerEvents?: string;
}
export interface SunburstChartProps {
className?: string;
data: SunburstData;
width?: number;
height?: number;
padding?: number;
dataKey?: string;
nameKey?: DataKey<any>;
ringPadding?: number;
innerRadius?: number;
outerRadius?: number;
/** The abscissa of pole in polar coordinate */
cx?: number;
/** The ordinate of pole in polar coordinate */
cy?: number;
/** Angle in degrees from which the chart should start. */
startAngle?: number;
/** Angle, in degrees, at which the chart should end. Can be used to generate partial sunbursts. */
endAngle?: number;
children?: React.ReactNode;
fill?: string;
stroke?: string;
textOptions?: TextOptions;
onMouseEnter?: (node: SunburstData, e: React.MouseEvent) => void;
onMouseLeave?: (node: SunburstData, e: React.MouseEvent) => void;
onClick?: (node: SunburstData) => void;
}
export declare const payloadSearcher: TooltipPayloadSearcher<SunburstData[], SunburstData>;
export declare const addToSunburstNodeIndex: (indexInChildrenArr: number, activeTooltipIndexSoFar?: TooltipIndex | undefined) => TooltipIndex;
export declare const SunburstChart: (props: SunburstChartProps) => React.JSX.Element;
export {};