///
import { PlotData as PlotlyPlotData } from 'plotly.js';
import { PlotProps } from './PlotlyPlot';
import { PiePlotData } from '../types/plots';
export interface PlotData extends Omit {
hoverinfo: PlotlyPlotData['hoverinfo'] | PlotlyPlotData['textinfo'];
sort: boolean;
texttemplate: string | string[];
}
export interface PiePlotProps extends PlotProps {
/** Extra specification for "donut" plot variation. */
donutOptions?: {
/** Percentage of the plot to cut out. */
size: number;
/** Color of cut out. */
backgroundColor?: string;
/** Text to place in center of donut. */
text?: string;
/** Color of donut text. */
textColor?: string;
/** Size of donut text. */
fontSize?: string | number;
};
/** Optional spec for addition control of slice text. */
textOptions?: {
/** An array of strings to override the automatic slice text (e.g. from label, value and/or percent)
* received from the API. Used for hover text too. Overrides displayOption.*/
sliceTextOverrides?: string[];
/** What pieces of text data to display for each Pie slice.
* Use
* */
displayOption?: 'label' | 'value' | 'percent' | 'value+percent';
/** Whether text data should be display inside or outside of a
* slice. Auto and none are also accepted options. */
displayPosition?: 'inside' | 'outside' | 'auto' | 'none';
/** A rather confusing Plot.ly specific prop that can, in theory, be used to
* format slice values. https://plotly.com/javascript/reference/pie/#pie-texttemplate
* */
displayTemplate?: string | string[];
};
/** If true, treat data as cumulative totals and adjust pie sizes appropriately */
cumulative?: boolean;
}
/** A Plot.ly based Pie plot. */
declare const PiePlot: import("react").ForwardRefExoticComponent>;
export default PiePlot;
//# sourceMappingURL=PiePlot.d.ts.map