fybdp-d3-kg
Version:
Knowledge Graph using React and D3.js
67 lines (66 loc) • 1.94 kB
TypeScript
import { Component, ReactElement } from 'react';
import { ChartInternalShallowDataShape } from '../../common/data';
import { RadialGradient, RadialGradientProps } from '../../common/Gradient';
import { RadialInterpolationTypes } from '../../common/utils/interpolation';
export interface RadialAreaProps {
/**
* Parsed data shape. Set internally by `RadialAreaChart`.
*/
data: ChartInternalShallowDataShape[];
/**
* Whether to animate the enter/update/exit.
*/
animated: boolean;
/**
* D3 scale for X Axis. Set internally by `RadialAreaChart`.
*/
xScale: any;
/**
* D3 scale for Y Axis. Set internally by `RadialAreaChart`.
*/
yScale: any;
/**
* Interpolation for the area. Set internally by `RadialAreaSeries`.
*/
interpolation: RadialInterpolationTypes;
/**
* Color for the area. Set internally by `RadialAreaSeries`.
*/
color: any;
/**
* Id set internally by `RadialAreaSeries`.
*/
id: string;
/**
* The inner radius for the chart center.
*/
innerRadius: number;
/**
* The outer radius for the chart center.
*/
outerRadius: number;
/**
* CSS classes to apply.
*/
className?: any;
/**
* Gradient to apply to the area.
*/
gradient: ReactElement<RadialGradientProps, typeof RadialGradient> | null;
}
export declare class RadialArea extends Component<RadialAreaProps> {
static defaultProps: Partial<RadialAreaProps>;
getFill(color: string): string;
getPath(data: ChartInternalShallowDataShape[]): string | null;
getTransition(): {
type: string;
velocity: number;
damping: number;
delay?: undefined;
} | {
type: boolean;
delay: number;
};
renderArea(fill: string): JSX.Element;
render(): JSX.Element;
}