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

React modern charts components built on recharts

import { ComponentType, HTMLAttributes } from 'react';
import { CustomTooltipProps } from "../common/CustomTooltipProps";
import type { EventProps } from "../types/charts";
import { IntervalType, ValueFormatter } from "../types/charts";
import BaseAnimationTimingProps from '../common/BaseAnimationTimingProps';
import { type NoDataProps } from '../common/NoData';
export type ScatterChartValueFormatter = {
    size?: ValueFormatter;
    x?: ValueFormatter;
    y?: ValueFormatter;
};
export interface ScatterChartProps extends BaseAnimationTimingProps, HTMLAttributes<HTMLDivElement> {
    allowDecimals?: boolean;
    autoMinXValue?: boolean;
    autoMinYValue?: boolean;
    category: string;
    colors?: string[];
    customCategories?: {
        [key: string]: string;
    };
    customTooltip?: ComponentType<CustomTooltipProps>;
    data: any[];
    enableLegendSlider?: boolean;
    intervalType?: IntervalType;
    loading?: boolean;
    maxXValue?: number;
    maxYValue?: number;
    minXValue?: number;
    minYValue?: number;
    noDataText?: NoDataProps['noDataText'];
    onValueChange?: (value: EventProps) => void;
    rotateLabelX?: {
        angle: number;
        verticalShift: number;
        xAxisHeight: number;
    };
    showGridLines?: boolean;
    showLegend?: boolean;
    showOpacity?: boolean;
    showTooltip?: boolean;
    showXAxis?: boolean;
    showYAxis?: boolean;
    size?: string;
    sizeRange?: number[];
    startEndOnly?: boolean;
    tickGap?: number;
    valueFormatter?: ScatterChartValueFormatter;
    x: string;
    xAxisLabel?: string;
    y: string;
    yAxisAlign?: 'left' | 'right';
    yAxisLabel?: string;
    yAxisWidth?: number;
}
declare const ScatterChart: import("react").ForwardRefExoticComponent<ScatterChartProps & import("react").RefAttributes<HTMLDivElement>>;
export default ScatterChart;