import type { Ref } from 'vue';
export declare function useChart($emit: any, props: {
    [key: string]: any;
}, page?: {
    widthScale?: Ref<number>;
    heightScale?: Ref<number>;
    settings?: Ref<{
        color: string;
        fill: string;
        textColor: string;
        colors: string[];
        [key: string]: any;
    }>;
} | null): {
    resize: ($el?: HTMLElement) => void;
    width: Ref<number>;
    height: Ref<number>;
    loading: Ref<boolean>;
    theme: import("vue").ComputedRef<Readonly<{
        color: any;
        backgroundColor: string;
        textStyle: {
            fontSize: number;
        };
        title: {
            color: any;
            subtextStyle: {
                color: string;
            };
        };
        line: {
            itemStyle: {
                borderWidth: number;
            };
            lineStyle: {
                width: number;
            };
            symbolSize: number;
            symbol: string;
            smooth: boolean;
        };
        radar: {
            itemStyle: {
                borderWidth: string;
            };
            areaStyle: {
                opacity: number;
            };
            lineStyle: {
                width: number;
            };
            symbolSize: string;
            symbol: string;
            smooth: boolean;
        };
        bar: {
            itemStyle: {
                barBorderWidth: string;
                barBorderColor: any;
            };
            emphasis: {
                barBorderWidth: string;
                barBorderColor: any;
            };
        };
        pie: {
            itemStyle: {
                borderWidth: string;
                borderColor: any;
            };
            emphasis: {
                borderWidth: string;
                borderColor: any;
            };
        };
        scatter: {
            itemStyle: {
                borderWidth: string;
                borderColor: any;
            };
            emphasis: {
                borderWidth: string;
                borderColor: any;
            };
        };
        boxplot: {
            itemStyle: {
                borderWidth: string;
                borderColor: any;
            };
            emphasis: {
                borderWidth: string;
                borderColor: any;
            };
        };
        parallel: {
            itemStyle: {
                borderWidth: string;
                borderColor: any;
            };
            emphasis: {
                borderWidth: string;
                borderColor: any;
            };
        };
        sankey: {
            itemStyle: {
                borderWidth: string;
                borderColor: any;
            };
            emphasis: {
                borderWidth: string;
                borderColor: any;
            };
        };
        funnel: {
            itemStyle: {
                borderWidth: string;
                borderColor: any;
            };
            emphasis: {
                borderWidth: string;
                borderColor: any;
            };
        };
        gauge: {
            itemStyle: {
                borderWidth: string;
                borderColor: any;
            };
            emphasis: {
                borderWidth: string;
                borderColor: any;
            };
        };
        candlestick: {
            itemStyle: {
                color: string;
                color0: string;
                borderColor: string;
                borderColor0: string;
                borderWidth: number;
            };
        };
        graph: {
            itemStyle: {
                borderWidth: string;
                borderColor: any;
            };
            lineStyle: {
                width: number;
                color: string;
            };
            symbolSize: string;
            symbol: string;
            smooth: boolean;
            color: string[];
            label: {
                color: any;
            };
        };
        map: {
            itemStyle: {
                borderColor: string;
                borderWidth: number;
                areaColor: {
                    type: string;
                    x: number;
                    y: number;
                    r: number;
                    colorStops: {
                        offset: number;
                        color: string;
                    }[];
                };
            };
            emphasis: {
                label: {
                    color: string;
                    show: boolean;
                };
                itemStyle: {
                    areaColor: string;
                };
            };
        };
        geo: {
            show: boolean;
            roam: boolean;
            layoutSize: string;
            z: number;
            emphasis: {
                itemStyle: {
                    label: {
                        show: boolean;
                    };
                    areaColor: string;
                    borderWidth: number;
                    shadowOffsetX: number;
                    shadowOffsetY: number;
                };
                label: {
                    show: boolean;
                    color: string;
                };
            };
            itemStyle: {
                areaColor: {
                    type: string;
                    x: number;
                    y: number;
                    r: number;
                    colorStops: {
                        offset: number;
                        color: string;
                    }[];
                };
                borderColor: any;
                borderWidth: number;
                shadowBlur: number;
                shadowColor: string;
                shadowOffsetY: number;
            };
            label: {
                color: string;
            };
        };
        categoryAxis: {
            axisLine: {
                show: boolean;
                lineStyle: {
                    color: any;
                    width: number;
                };
            };
            axisTick: {
                show: boolean;
                lineStyle: {
                    color: any;
                };
            };
            axisLabel: {
                show: boolean;
                color: any;
            };
            splitLine: {
                show: boolean;
                lineStyle: {
                    color: string[];
                };
            };
            splitArea: {
                show: boolean;
                areaStyle: {
                    color: string[];
                };
            };
        };
        valueAxis: {
            nameTextStyle: {
                color: any;
            };
            axisLine: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisTick: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisLabel: {
                show: boolean;
                color: any;
            };
            splitLine: {
                show: boolean;
                lineStyle: {
                    type: string;
                    color: string[];
                };
            };
            splitArea: {
                show: boolean;
                areaStyle: {
                    color: string[];
                };
            };
        };
        logAxis: {
            axisLine: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisTick: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisLabel: {
                show: boolean;
                color: string;
            };
            splitLine: {
                show: boolean;
                lineStyle: {
                    color: string[];
                };
            };
            splitArea: {
                show: boolean;
                areaStyle: {
                    color: string[];
                };
            };
        };
        timeAxis: {
            axisLine: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisTick: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisLabel: {
                show: boolean;
                color: string;
            };
            splitLine: {
                show: boolean;
                lineStyle: {
                    color: string[];
                };
            };
            splitArea: {
                show: boolean;
                areaStyle: {
                    color: string[];
                };
            };
        };
        toolbox: {
            emphasis: {
                iconStyle: {
                    borderColor: any;
                };
            };
        };
        legend: {
            align: string;
            textStyle: {
                color: any;
            };
        };
        tooltip: {
            trigger: string;
            axisPointer: {
                type: string;
                label: {
                    backgroundColor: string;
                };
                lineStyle: {
                    color: string;
                    width: string;
                };
                crossStyle: {
                    color: string;
                    width: string;
                };
            };
        };
        timeline: {
            lineStyle: {
                color: string;
                width: number;
            };
            itemStyle: {
                color: string;
                borderWidth: number;
            };
            emphasis: {
                itemStyle: {
                    color: string;
                };
                controlStyle: {
                    color: any;
                    borderColor: any;
                    borderWidth: number;
                };
                label: {
                    color: any;
                };
            };
            controlStyle: {
                color: any;
                borderColor: any;
                borderWidth: number;
            };
            checkpointStyle: {
                color: string;
                borderColor: string;
            };
            label: {
                color: any;
            };
        };
        visualMap: {
            left: number;
            bottom: number;
            color: string[];
            textStyle: {
                color: string;
            };
        };
        dataZoom: {
            backgroundColor: string;
            dataBackgroundColor: string;
            fillerColor: string;
            handleColor: string;
            handleSize: string;
            textStyle: {
                color: any;
            };
        };
        markPoint: {
            label: {
                color: any;
            };
            emphasis: {
                color: any;
            };
        };
    }>>;
    chartData: Ref<any>;
};