fybdp-d3-kg
Version:
Knowledge Graph using React and D3.js
90 lines (89 loc) • 2.4 kB
TypeScript
import React, { Component } from 'react';
import { ChartInternalShallowDataShape } from '../../common/data';
export interface RadialBarProps {
/**
* Parsed data shape. Set internally by `RadialBarChart`.
*/
data: ChartInternalShallowDataShape;
/**
* The inner radius for the chart center.
*/
innerRadius: number;
/**
* Index of the element in the series. Set internally by `RadialBarSeries`.
*/
index: number;
/**
* Whether the element is active or not. Set internally by `RadialBarSeries`.
*/
animated: boolean;
/**
* D3 scale for X Axis. Set internally by `RadialBarChart`.
*/
xScale: any;
/**
* D3 scale for Y Axis. Set internally by `RadialBarChart`.
*/
yScale: any;
/**
* Color of the bar.
*/
color: any;
/**
* Whether to use gradient or not.
*/
gradient: boolean;
/**
* Id set internally by `RadialBarSeries`.
*/
id: string;
/**
* Total number of bars used for animation. Set internally by `RadialBarSeries`.
*/
barCount: number;
/**
* CSS classes to apply.
*/
className?: any;
/**
* Whether the bar is curved or not.
*/
curved: boolean;
/**
* Event for when a symbol is clicked.
*/
onClick: (event: any) => void;
/**
* Event for when the symbol has mouse enter.
*/
onMouseEnter: (event: any) => void;
/**
* Event for when the symbol has mouse leave.
*/
onMouseLeave: (event: any) => void;
/**
* Active values caused by hover.
*/
activeValues?: any;
}
export declare class RadialBar extends Component<RadialBarProps> {
static defaultProps: Partial<RadialBarProps>;
ref: React.RefObject<SVGPathElement>;
previousEnter: any;
getFill(color: string): string;
onMouseEnter(event: MouseEvent): void;
onMouseLeave(event: MouseEvent): void;
onMouseClick(event: MouseEvent): void;
getArc(data: ChartInternalShallowDataShape): string | null;
getTransition(): {
delay: number;
type: string;
velocity: number;
damping: number;
} | {
type: boolean;
delay: number;
};
renderBar(color: string): JSX.Element;
render(): JSX.Element;
}