/// 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