design-system-simplefi/build/src/components/Charts/Charts.types.d.ts

Design System for SimpleFi Applications

export interface OptionsType {
    strokeWidth?: number;
    key: string;
    name: string;
    color: string;
    opacity?: number;
    value?: string | number;
}
export interface DataType {
    timestamp: string;
    key?: string;
    value?: string;
    [key: string]: string;
}
export interface DataPieChart {
    name: string;
    value: number;
    key: string;
    opacity: number;
    color: string;
}
export interface PieChartProps {
    data: DataPieChart[];
    currency?: string;
    showLabel?: boolean;
}
export interface GraphProps {
    data: DataType[][] | DataType[];
    options: OptionsType[];
    whiteSpaceModifier?: number;
    isStacked?: boolean;
    callback?: (any: any) => void;
    legendType?: 'list' | 'double';
    withTooltip?: any;
    tick?: any;
    tickFormatter?: any;
    hoverData?: {
        timestamp?: string;
    };
    tooltipLabelFormatter?: (key: any) => any;
    doubleLegend?: boolean;
    shouldAnimate?: boolean;
}
export interface GraphsProps {
    data: DataType[][] | DataType[];
    options?: OptionsType[];
    barWhiteSpaceModifier?: number;
    currency: string;
    isStacked?: boolean;
    tooltipLabelFormatter?: (key: any) => any;
    withTooltip?: boolean;
    tickFormatter?: any;
    hasLegend?: boolean;
    legendType?: 'list' | 'double';
    type?: 'areaGraph' | 'barChart';
    legendLabel?: string;
    collapsible?: boolean;
    defaultCollapsed?: boolean;
    shouldGraphAnimate?: boolean;
    height?: string;
}
export interface ChartsProps {
    data: DataPieChart[];
    currency: string;
    source: string;
    isStacked?: boolean;
    type?: 'pieChart';
    hasLegend?: boolean;
    showLabel?: boolean;
}