@lobehub/charts/es/AccuracyBarChart/index.d.ts

React modern charts components built on recharts

/// <reference types="react" />
import BaseChartProps from "../common/BaseChartProps";
export interface AccuracyBarChartProps extends Omit<BaseChartProps, 'categories'> {
    /**
     * Custom accuracy formatter
     */
    accuracyFormatter?: (value: number) => string;
    /**
     * Gap between bar categories
     */
    barCategoryGap?: string | number;
    /**
     * Single data category key (e.g., 'accuracy')
     * @default 'accuracy'
     */
    category?: string;
    /**
     * Color scheme for accuracy levels
     * @default 'gradient'
     */
    colorScheme?: 'gradient' | 'threshold' | 'uniform';
    /**
     * Error value formatter used in tooltip when displaying value±error
     */
    errorFormatter?: (value: number) => string;
    /**
     * Error bar data key (e.g., 'error', 'stdDev')
     */
    errorKey?: string;
    /**
     * Chart layout orientation
     * @default 'vertical'
     */
    layout?: 'vertical' | 'horizontal';
    /**
     * Show error bars on the right side
     * @default true
     */
    showErrorBars?: boolean;
    /**
     * Show accuracy value on the left side
     * @default true
     */
    showLeftValue?: boolean;
    /**
     * Show accuracy percentage on bars
     * @default true
     */
    showPercentage?: boolean;
    /**
     * Threshold values for color coding (only used with 'threshold' colorScheme)
     */
    thresholds?: {
        excellent?: number;
        fair?: number;
        good?: number;
    };
}
declare const AccuracyBarChart: import("react").ForwardRefExoticComponent<AccuracyBarChartProps & import("react").RefAttributes<HTMLDivElement>>;
export default AccuracyBarChart;