reaviz
Version:
Data Visualization using React
52 lines (50 loc) • 1.33 kB
TypeScript
import { default as React, FC, ReactElement } from 'react';
import { ChartTooltip, ChartTooltipProps } from '../common/Tooltip';
import { Gradient, GradientProps } from '../common/Gradient';
export interface SunburstArcProps {
/**
* Id set by the parent.
*/
id: string;
/**
* Radius of the chart. Set internally by `SunburstChart`.
*/
radius: number;
/**
* The internal data object built by d3
*/
data: any;
/**
* Fill color for the arc.
*/
fill: string;
/**
* Whether the chart is animated or not.
*/
animated?: boolean;
/**
* Cursor for the element.
*/
cursor?: string;
/**
* Tooltip element.
*/
tooltip?: ReactElement<ChartTooltipProps, typeof ChartTooltip> | null;
/**
* Gradient shades for the bar.
*/
gradient?: ReactElement<GradientProps, typeof Gradient> | null;
/**
* The onClick handler for the arc.
*/
onClick?: (event: React.MouseEvent, data: any) => void;
/**
* Event for when the arc has mouse enter.
*/
onMouseEnter?: (event: any, data: any) => void;
/**
* Event for when the arc has mouse leave.
*/
onMouseLeave?: (event: any, data: any) => void;
}
export declare const SunburstArc: FC<Partial<SunburstArcProps>>;