export declare function renderChart(props: any): {
    title: {
        left: number;
        textStyle: {
            color: string;
            fontWeight: string;
            fontSize: number | undefined;
        };
        padding: number[];
    };
    tooltip: {
        trigger: string;
        appendTo: () => HTMLElement;
        renderMode: string;
        backgroundColor: string;
        borderColor: string;
        textStyle: {
            color: string;
        };
        formatter: (params: any) => string | undefined;
    };
    legend: {
        show: boolean;
        type: string;
        icon: string;
        top: number;
        left: string | number;
        itemGap: number;
        itemWidth: number;
        itemHeight: number;
        textStyle: {
            fontSize: number | undefined;
            color: string;
        };
        pageTextStyle: {
            color: string;
        };
        pageIconColor: string;
        pageIconInactiveColor: string;
    };
    grid: {
        left: number;
        right: number;
        top: number;
        bottom: number;
        containLabel: boolean;
    };
    xAxis: {
        type: string;
        boundaryGap: boolean;
        data: any;
        axisLine: {
            show: boolean;
            lineStyle: {
                color: string;
                type: string;
            };
        };
        axisTick: {
            show: boolean;
        };
        axisLabel: {
            show: boolean;
            textStyle: {
                color: string;
                fontSize: number | undefined;
            };
        };
        axisPointer: {
            type: string;
        };
    }[];
    yAxis: any;
    series: any;
} | undefined;
export declare function optionFormate(props: any): {
    color: string[];
    tooltip: {
        trigger: string;
        appendTo: () => HTMLElement;
        renderMode: string;
        axisPointer: {
            type: string;
        };
        backgroundColor: string;
        textStyle: {
            color: string;
            fontSize: number;
            lineHeight: number;
            height: number;
            fontWeight: number;
        };
        borderColor: string;
        formatter: (params: any) => string;
    };
    legend: {
        icon: string;
        itemWidth: number;
        itemHeight: number;
        itemGap: number;
        color: string[];
        top: number;
        data: any;
        textStyle: {
            fontSize: number;
            color: string;
        };
    };
    grid: {
        top: string;
        left: string;
        right: string;
        bottom: string;
        containLabel: boolean;
    };
    xAxis: {
        type: string;
        boundaryGap: boolean;
        data: any;
        axisLine: {
            show: boolean;
            lineStyle: {
                color: string;
                type: string;
            };
        };
        axisTick: {
            show: boolean;
        };
        axisLabel: {
            textStyle: {
                color: string;
                fontSize: number;
            };
        };
        axisPointer: {
            type: string;
        };
    }[];
    yAxis: any;
    series: any;
    animation: boolean;
};