import { FC, ReactElement } from 'react'; import { ChartDataShape } from '../../common/data'; import { ColorSchemeType } from '../../common/color'; import { RadialGaugeArc, RadialGaugeArcProps } from './RadialGaugeArc'; import { RadialGaugeStackedArc, RadialGaugeStackedArcProps } from './RadialGaugeStackedArc'; import { StackedRadialGaugeValueLabel, StackedRadialGaugeValueLabelProps } from './StackedRadialGaugeValueLabel'; import { StackedRadialGaugeDescriptionLabel, StackedRadialGaugeDescriptionLabelProps } from './StackedRadialGaugeDescriptionLabel'; export interface StackedRadialGaugeSeriesProps { /** * Data to render set by `RadialGauge` component. */ data: ChartDataShape[]; /** * D3 scale function set by `RadialGauge` component. */ scale: any; /** * Start angle set by `RadialGauge` component. */ startAngle: number; /** * Start angle set by `RadialGauge` component. */ endAngle: number; /** * Width set by `RadialGauge` component. */ width: number; /** * Height set by `RadialGauge` component. */ height: number; /** * Color scheme to apply. */ colorScheme: ColorSchemeType; /** * Arc component. */ innerArc: ReactElement; /** * Stacked Arc component. */ stackedInnerArc: ReactElement; /** * Outer arc component. This is the 'fill' element. */ outerArc: ReactElement | null; /** * Label component. */ label: ReactElement | null; /** * Description label component. */ descriptionLabel: ReactElement | null; /** * A factor from 0 to 1 determining how much of the Gauge should be filled with arcs */ fillFactor: number; /** * Padding between the stacked arcs, following d3 bandwidth innerPadding */ arcPadding: number; } export declare const StackedRadialGaugeSeries: FC>;