Reincharts
    Preparing search index...

    Interface InteractiveManagerProps

    Props interface for the InteractiveManager component

    interface InteractiveManagerProps {
        children: ReactNode;
        height: number;
        initialStates?: Record<string, any[]>;
        interactiveIcons?: Record<
            string,
            ElementType<any, keyof IntrinsicElements>,
        >;
        onInteractiveToggle?: (type: string, enabled: boolean) => void;
        onSave?: (data: string) => void;
        showSidebar?: boolean;
        sidebarPosition?: "left" | "right" | "top" | "bottom";
        size?: number;
        width: number;
    }
    Index

    Properties

    children: ReactNode

    React children containing chart components and interactive tools

    height: number

    Height of the chart

    initialStates?: Record<string, any[]>

    Initial states to render in the chart

    interactiveIcons?: Record<string, ElementType<any, keyof IntrinsicElements>>

    Custom icons to be used in the toolbar. String key must be interactive component name and value must be react component

    onInteractiveToggle?: (type: string, enabled: boolean) => void

    Callback fired when an interactive tool is toggled on/off

    onSave?: (data: string) => void

    Callback fired when the save button is clicked

    showSidebar?: boolean

    Whether to show the sidebar with interactive tool buttons

    sidebarPosition?: "left" | "right" | "top" | "bottom"

    Position of the interactive tools sidebar. Note that when sidebarPosition is "top" or "bottom", the sidebar will take up height of the chart area and it does not automatically resize the chart components to account for this. You will need to update the height and origin props of each Chart component to use a function to scale based on the ChartCanvas size.

    size?: number

    Size of the sidebar (width for vertical, height for horizontal)

    width: number

    Width of the chart