import { IStyle, ITheme } from 'office-ui-fabric-react/lib/Styling'; import { IChartDataPoint } from '../index'; export interface IArcProps { /** * Theme */ theme: ITheme; /** * Data to render in the Arc. */ data?: IArcData; /** * Data to render focused Arc */ focusData?: IArcData; /** * id of the focused arc */ focusedArcId?: string; /** * shape for Arc. */ arc?: any; /** * innerRadius of the Arc. */ innerRadius?: number; /** * outerRadius of the Arc. */ outerRadius?: number; /** * Color for the Arc. */ color: string; /** * Defines the function that is executed upon hovering over the legend */ hoverOnCallback?: Function; /** * Defines the function that is executed upon hovering over the legend */ onFocusCallback?: Function; /** * Defines the function that is executed upon hovering Leave the legend */ onBlurCallback?: Function; /** * Defines the function that is executed upon hovering Leave the legend */ hoverLeaveCallback?: Function; /** * Uniq string for chart */ uniqText?: string; /** * string for callout id */ calloutId?: string; /** * Active Arc for chart */ activeArc?: string; /** * internal prop for href */ href?: string; /** * props for inside donut value */ valueInsideDonut?: string | number; } export interface IArcData { /** * Data to render in the chart for individual arc. */ data: IChartDataPoint; /** * endAngle of the Arc */ endAngle: number; /** * index of the Arc */ index: number; /** * padAngle of the Arc */ padAngle: number; /** * startAngle of the Arc */ startAngle: number; /** * value of the Arc */ value: number; } export interface IArcStyles { /** * Style set for the card header component root */ root: IStyle; /** * Style set for the inside donut string */ insideDonutString: IStyle; /** * styles for the focus */ focusRing: IStyle; }