fybdp-d3-kg/dist/src/RadialGauge/RadialGaugeSeries/RadialGaugeArc.d.ts

Knowledge Graph using React and D3.js

import { Component, ReactElement } from 'react';
import { ChartShallowDataShape } from '../../common/data';
import { ChartTooltip, ChartTooltipProps } from '../../common/Tooltip';
export interface RadialGaugeArcProps {
    /**
     * Data set by the `RadialGaugeSeries` component.
     */
    data?: ChartShallowDataShape;
    /**
     * Start angle set by the `RadialGaugeSeries` component.
     */
    startAngle: number;
    /**
     * End angle set by the `RadialGaugeSeries` component.
     */
    endAngle: number;
    /**
     * Outer radius set by the `RadialGaugeSeries` component.
     */
    outerRadius: number;
    /**
     * Color set by the `RadialGaugeSeries` component.
     */
    color: any;
    /**
     * Width set by the `RadialGaugeSeries` component.
     */
    width: number;
    /**
     * Animation set by the `RadialGaugeSeries` component.
     */
    animated: boolean;
    /**
     * Disable the interactions.
     */
    disabled: boolean;
    /**
     * Tooltip component.
     */
    tooltip: ReactElement<ChartTooltipProps, typeof ChartTooltip> | null;
    /**
     * Event for when the arc is clicked.
     */
    onClick: (event: any) => void;
    /**
     * Event for when the arc has mouse enter.
     */
    onMouseEnter: (event: any) => void;
    /**
     * Event for when the arc has mouse leave.
     */
    onMouseLeave: (event: any) => void;
}
export declare class RadialGaugeArc extends Component<RadialGaugeArcProps> {
    static defaultProps: Partial<RadialGaugeArcProps>;
    getPaths(): {
        data: {
            startAngle: number;
            endAngle: number;
            data: {};
        };
        innerArc: import("d3-shape").Arc<any, import("d3-shape").DefaultArcObject>;
    };
    render(): JSX.Element;
}