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

Knowledge Graph using React and D3.js

import { Component, ReactElement } from 'react';
import { ChartShallowDataShape } from '../../common/data';
import { RadialGaugeArcProps, RadialGaugeArc } from './RadialGaugeArc';
import { RadialGaugeLabel, RadialGaugeLabelProps } from './RadialGaugeLabel';
import { RadialGaugeValueLabel, RadialGaugeValueLabelProps } from './RadialGaugeValueLabel';
import { ColorSchemeType } from '../../common/color';
export interface RadialGaugeSeriesProps {
    /**
     * Data to render set bby `RadialGauge` component.
     */
    data: ChartShallowDataShape[];
    /**
     * D3 scale function set bby `RadialGauge` component.
     */
    scale: any;
    /**
     * Start angle set bby `RadialGauge` component.
     */
    startAngle: number;
    /**
     * Start angle set bby `RadialGauge` component.
     */
    endAngle: number;
    /**
     * Width set bby `RadialGauge` component.
     */
    width: number;
    /**
     * Height set bby `RadialGauge` component.
     */
    height: number;
    /**
     * Padding between each gauge.
     */
    padding: number;
    /**
     * Color scheme to apply.
     */
    colorScheme: ColorSchemeType;
    /**
     * Arc component.
     */
    innerArc: ReactElement<RadialGaugeArcProps, typeof RadialGaugeArc>;
    /**
     * Outer arc component. This is the 'fill' element.
     */
    outerArc: ReactElement<RadialGaugeArcProps, typeof RadialGaugeArc> | null;
    /**
     * Label component.
     */
    label: ReactElement<RadialGaugeLabelProps, typeof RadialGaugeLabel> | null;
    /**
     * Value label component.
     */
    valueLabel: ReactElement<RadialGaugeValueLabelProps, typeof RadialGaugeValueLabel> | null;
    /**
     * Min width for a guage. Only applicable in multi-series gauges.
     */
    minGaugeWidth: number;
}
export declare class RadialGaugeSeries extends Component<RadialGaugeSeriesProps> {
    static defaultProps: Partial<RadialGaugeSeriesProps>;
    getWidths(): {
        columns: number;
        xScale: any;
        yScale: any;
        width: any;
        height: any;
    };
    renderGauge(point: ChartShallowDataShape, index: number, columns: number, height: number, width: number, xScale: any, yScale: any): JSX.Element;
    render(): JSX.Element;
}