fybdp-d3-kg
Version:
Knowledge Graph using React and D3.js
34 lines (33 loc) • 1.59 kB
TypeScript
import { Component, ReactElement } from 'react';
import { ChartShallowDataShape, ChartInternalShallowDataShape } from '../common/data';
import { RadialBarSeries, RadialBarSeriesProps } from './RadialBarSeries';
import { ChartProps, ChartContainerChildProps } from '../common/containers';
import { RadialAxis, RadialAxisProps } from '../common/Axis/RadialAxis';
export interface RadialBarChartProps extends ChartProps {
/**
* Data the chart will receive to render.
*/
data: ChartShallowDataShape[];
/**
* The series component that renders the bar components.
*/
series: ReactElement<RadialBarSeriesProps, typeof RadialBarSeries>;
/**
* The radial axis component for the chart.
*/
axis: ReactElement<RadialAxisProps, typeof RadialAxis> | null;
/**
* The inner radius for the chart center.
*/
innerRadius: number;
}
export declare class RadialBarChart extends Component<RadialBarChartProps> {
static defaultProps: Partial<RadialBarChartProps>;
getScales: (preData: ChartShallowDataShape<string | number | Date | import("big-integer").BigInteger | [import("../common/data").ChartDataTypes, import("../common/data").ChartDataTypes]>[], innerRadius: number, outerRadius: number) => {
xScale: import("d3-scale").ScaleBand<string>;
yScale: ((d: any) => number) & import("d3-scale").ScaleLinear<number, number>;
data: ChartInternalShallowDataShape[];
};
renderChart(containerProps: ChartContainerChildProps): JSX.Element;
render(): JSX.Element;
}