@orbe-agro/client-core 5.6.0 → 5.6.6

package/dist/@types/@ecme/configs/chart.config.d.ts

@@ -1,1402 +1,6 @@
 import type { ApexOptions } from 'apexcharts';
 export declare const apexLineChartDefaultOption: ApexOptions;
-export declare const apexAreaChartDefaultOption: {
-    fill: {
-        type: string;
-        gradient: {
-            shadeIntensity: number;
-            opacityFrom: number;
-            opacityTo: number;
-            stops: number[];
-        };
-    };
-    annotations?: {
-        yaxis?: {
-            id?: number | string;
-            y?: null | number | string;
-            y2?: null | number | string;
-            strokeDashArray?: number;
-            fillColor?: string;
-            borderColor?: string;
-            borderWidth?: number;
-            opacity?: number;
-            offsetX?: number;
-            offsetY?: number;
-            width?: number | string;
-            yAxisIndex?: number;
-            label?: {
-                borderColor?: string;
-                borderWidth?: number;
-                borderRadius?: number;
-                text?: string | string[];
-                textAnchor?: string;
-                offsetX?: number;
-                offsetY?: number;
-                style?: {
-                    background?: string;
-                    color?: string;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    fontSize?: string;
-                    cssClass?: string;
-                    padding?: {
-                        left?: number;
-                        right?: number;
-                        top?: number;
-                        bottom?: number;
-                    };
-                };
-                position?: string;
-                orientation?: string;
-                mouseEnter?: Function;
-                mouseLeave?: Function;
-                click?: Function;
-            };
-        }[];
-        xaxis?: {
-            id?: number | string;
-            x?: null | number | string;
-            x2?: null | number | string;
-            strokeDashArray?: number;
-            fillColor?: string;
-            borderColor?: string;
-            borderWidth?: number;
-            opacity?: number;
-            offsetX?: number;
-            offsetY?: number;
-            label?: {
-                borderColor?: string;
-                borderWidth?: number;
-                borderRadius?: number;
-                text?: string | string[];
-                textAnchor?: string;
-                offsetX?: number;
-                offsetY?: number;
-                style?: {
-                    background?: string;
-                    color?: string;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    fontSize?: string;
-                    cssClass?: string;
-                    padding?: {
-                        left?: number;
-                        right?: number;
-                        top?: number;
-                        bottom?: number;
-                    };
-                };
-                position?: string;
-                orientation?: string;
-                mouseEnter?: Function;
-                mouseLeave?: Function;
-                click?: Function;
-            };
-        }[];
-        points?: {
-            id?: number | string;
-            x?: number | string;
-            y?: null | number;
-            yAxisIndex?: number;
-            seriesIndex?: number;
-            mouseEnter?: Function;
-            mouseLeave?: Function;
-            click?: Function;
-            marker?: {
-                size?: number;
-                fillColor?: string;
-                strokeColor?: string;
-                strokeWidth?: number;
-                shape?: string;
-                offsetX?: number;
-                offsetY?: number;
-                cssClass?: string;
-            };
-            label?: {
-                borderColor?: string;
-                borderWidth?: number;
-                borderRadius?: number;
-                text?: string | string[];
-                textAnchor?: string;
-                offsetX?: number;
-                offsetY?: number;
-                style?: {
-                    background?: string;
-                    color?: string;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    fontSize?: string;
-                    cssClass?: string;
-                    padding?: {
-                        left?: number;
-                        right?: number;
-                        top?: number;
-                        bottom?: number;
-                    };
-                };
-                position?: string;
-                orientation?: string;
-                mouseEnter?: Function;
-                mouseLeave?: Function;
-                click?: Function;
-            };
-            image?: {
-                path?: string;
-                width?: number;
-                height?: number;
-                offsetX?: number;
-                offsetY?: number;
-            };
-        }[];
-        texts?: {
-            x?: number;
-            y?: number;
-            text?: string;
-            textAnchor?: string;
-            foreColor?: string;
-            fontSize?: string | number;
-            fontFamily?: undefined | string;
-            fontWeight?: string | number;
-            backgroundColor?: string;
-            borderColor?: string;
-            borderRadius?: number;
-            borderWidth?: number;
-            paddingLeft?: number;
-            paddingRight?: number;
-            paddingTop?: number;
-            paddingBottom?: number;
-        }[];
-        images?: {
-            path?: string;
-            x?: number;
-            y?: number;
-            width?: number;
-            height?: number;
-        }[];
-    };
-    chart?: {
-        width?: string | number;
-        height?: string | number;
-        type?: "line" | "area" | "bar" | "pie" | "donut" | "radialBar" | "scatter" | "bubble" | "heatmap" | "candlestick" | "boxPlot" | "radar" | "polarArea" | "rangeBar" | "rangeArea" | "treemap";
-        foreColor?: string;
-        fontFamily?: string;
-        background?: string;
-        offsetX?: number;
-        offsetY?: number;
-        dropShadow?: {
-            enabled?: boolean;
-            top?: number;
-            left?: number;
-            blur?: number;
-            opacity?: number;
-            color?: string;
-        } & {
-            enabledOnSeries?: undefined | number[];
-            color?: string | string[];
-        };
-        nonce?: string;
-        events?: {
-            animationEnd?(chart: any, options?: any): void;
-            beforeMount?(chart: any, options?: any): void;
-            mounted?(chart: any, options?: any): void;
-            updated?(chart: any, options?: any): void;
-            mouseMove?(e: any, chart?: any, options?: any): void;
-            mouseLeave?(e: any, chart?: any, options?: any): void;
-            click?(e: any, chart?: any, options?: any): void;
-            xAxisLabelClick?(e: any, chart?: any, options?: any): void;
-            legendClick?(chart: any, seriesIndex?: number, options?: any): void;
-            markerClick?(e: any, chart?: any, options?: any): void;
-            selection?(chart: any, options?: any): void;
-            dataPointSelection?(e: any, chart?: any, options?: any): void;
-            dataPointMouseEnter?(e: any, chart?: any, options?: any): void;
-            dataPointMouseLeave?(e: any, chart?: any, options?: any): void;
-            beforeZoom?(chart: any, options?: any): void;
-            beforeResetZoom?(chart: any, options?: any): void;
-            zoomed?(chart: any, options?: any): void;
-            scrolled?(chart: any, options?: any): void;
-            brushScrolled?(chart: any, options?: any): void;
-            keyDown?(e: KeyboardEvent, chart?: any, options?: any): void;
-            keyUp?(e: KeyboardEvent, chart?: any, options?: any): void;
-        };
-        brush?: {
-            enabled?: boolean;
-            autoScaleYaxis?: boolean;
-            target?: string;
-            targets?: string[];
-        };
-        id?: string;
-        injectStyleSheet?: boolean;
-        group?: string;
-        locales?: {
-            name?: string;
-            options?: {
-                months?: string[];
-                shortMonths?: string[];
-                days?: string[];
-                shortDays?: string[];
-                toolbar?: {
-                    download?: string;
-                    selection?: string;
-                    selectionZoom?: string;
-                    zoomIn?: string;
-                    zoomOut?: string;
-                    pan?: string;
-                    reset?: string;
-                    exportToSVG?: string;
-                    exportToPNG?: string;
-                    exportToCSV?: string;
-                };
-            };
-        }[];
-        defaultLocale?: string;
-        parentHeightOffset?: number;
-        redrawOnParentResize?: boolean;
-        redrawOnWindowResize?: boolean | Function;
-        sparkline?: {
-            enabled?: boolean;
-        };
-        stacked?: boolean;
-        stackType?: "normal" | "100%";
-        stackOnlyBar?: boolean;
-        toolbar?: {
-            show?: boolean;
-            offsetX?: number;
-            offsetY?: number;
-            tools?: {
-                download?: boolean | string;
-                selection?: boolean | string;
-                zoom?: boolean | string;
-                zoomin?: boolean | string;
-                zoomout?: boolean | string;
-                pan?: boolean | string;
-                reset?: boolean | string;
-                customIcons?: {
-                    icon?: string;
-                    title?: string;
-                    index?: number;
-                    class?: string;
-                    click?(chart?: any, options?: any, e?: any): any;
-                }[];
-            };
-            export?: {
-                csv?: {
-                    filename?: undefined | string;
-                    columnDelimiter?: string;
-                    headerCategory?: string;
-                    headerValue?: string;
-                    categoryFormatter?(value?: string | number): any;
-                    valueFormatter?(value?: string | number): any;
-                };
-                svg?: {
-                    filename?: undefined | string;
-                };
-                png?: {
-                    filename?: undefined | string;
-                };
-                width?: number;
-                scale?: number;
-            };
-            autoSelected?: "zoom" | "selection" | "pan";
-        };
-        zoom?: {
-            enabled?: boolean;
-            type?: "x" | "y" | "xy";
-            autoScaleYaxis?: boolean;
-            allowMouseWheelZoom?: boolean;
-            zoomedArea?: {
-                fill?: {
-                    color?: string;
-                    opacity?: number;
-                };
-                stroke?: {
-                    color?: string;
-                    opacity?: number;
-                    width?: number;
-                };
-            };
-        };
-        selection?: {
-            enabled?: boolean;
-            type?: string;
-            fill?: {
-                color?: string;
-                opacity?: number;
-            };
-            stroke?: {
-                width?: number;
-                color?: string;
-                opacity?: number;
-                dashArray?: number;
-            };
-            xaxis?: {
-                min?: number;
-                max?: number;
-            };
-            yaxis?: {
-                min?: number;
-                max?: number;
-            };
-        };
-        animations?: {
-            enabled?: boolean;
-            speed?: number;
-            animateGradually?: {
-                enabled?: boolean;
-                delay?: number;
-            };
-            dynamicAnimation?: {
-                enabled?: boolean;
-                speed?: number;
-            };
-        };
-        accessibility?: {
-            enabled?: boolean;
-            description?: string;
-            announcements?: {
-                enabled?: boolean;
-            };
-            keyboard?: {
-                enabled?: boolean;
-                navigation?: {
-                    enabled?: boolean;
-                    wrapAround?: boolean;
-                };
-            };
-        };
-    };
-    colors?: any[];
-    dataLabels?: {
-        enabled?: boolean;
-        enabledOnSeries?: undefined | number[];
-        textAnchor?: "start" | "middle" | "end";
-        distributed?: boolean;
-        offsetX?: number;
-        offsetY?: number;
-        style?: {
-            fontSize?: string;
-            fontFamily?: string;
-            fontWeight?: string | number;
-            colors?: any[];
-        };
-        background?: {
-            enabled?: boolean;
-            foreColor?: string;
-            backgroundColor?: string;
-            borderRadius?: number;
-            padding?: number;
-            opacity?: number;
-            borderWidth?: number;
-            borderColor?: string;
-            dropShadow?: {
-                enabled?: boolean;
-                top?: number;
-                left?: number;
-                blur?: number;
-                opacity?: number;
-                color?: string;
-            };
-        };
-        dropShadow?: {
-            enabled?: boolean;
-            top?: number;
-            left?: number;
-            blur?: number;
-            opacity?: number;
-            color?: string;
-        };
-        formatter?(val: string | number | number[], opts?: any): string | number | (string | number)[];
-    };
-    forecastDataPoints?: {
-        count?: number;
-        fillOpacity?: number;
-        strokeWidth?: undefined | number;
-        dashArray?: number;
-    };
-    grid?: {
-        show?: boolean;
-        borderColor?: string;
-        strokeDashArray?: number;
-        position?: "front" | "back";
-        xaxis?: {
-            lines?: {
-                show?: boolean;
-                offsetX?: number;
-                offsetY?: number;
-            };
-        };
-        yaxis?: {
-            lines?: {
-                show?: boolean;
-                offsetX?: number;
-                offsetY?: number;
-            };
-        };
-        row?: {
-            colors?: string[];
-            opacity?: number;
-        };
-        column?: {
-            colors?: string[];
-            opacity?: number;
-        };
-        padding?: {
-            top?: number;
-            right?: number;
-            bottom?: number;
-            left?: number;
-        };
-    };
-    labels?: string[];
-    legend?: {
-        show?: boolean;
-        showForSingleSeries?: boolean;
-        showForNullSeries?: boolean;
-        showForZeroSeries?: boolean;
-        floating?: boolean;
-        inverseOrder?: boolean;
-        position?: "top" | "right" | "bottom" | "left";
-        horizontalAlign?: "left" | "center" | "right";
-        fontSize?: string;
-        fontFamily?: string;
-        fontWeight?: string | number;
-        width?: number;
-        height?: number;
-        offsetX?: number;
-        offsetY?: number;
-        formatter?(legendName: string, opts?: any): string;
-        tooltipHoverFormatter?(legendName: string, opts?: any): string;
-        customLegendItems?: string[];
-        clusterGroupedSeries?: boolean;
-        clusterGroupedSeriesOrientation?: string;
-        labels?: {
-            colors?: string | string[];
-            useSeriesColors?: boolean;
-        };
-        markers?: {
-            size?: number;
-            strokeWidth?: number;
-            fillColors?: string[];
-            shape?: ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond") | ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond")[];
-            offsetX?: number;
-            offsetY?: number;
-            customHTML?(): any;
-            onClick?(): void;
-        };
-        itemMargin?: {
-            horizontal?: number;
-            vertical?: number;
-        };
-        onItemClick?: {
-            toggleDataSeries?: boolean;
-        };
-        onItemHover?: {
-            highlightDataSeries?: boolean;
-        };
-    };
-    markers?: {
-        size?: number | number[];
-        colors?: string | string[];
-        strokeColors?: string | string[];
-        strokeWidth?: number | number[];
-        strokeOpacity?: number | number[];
-        strokeDashArray?: number | number[];
-        fillOpacity?: number | number[];
-        discrete?: {
-            seriesIndex?: number;
-            dataPointIndex?: number;
-            fillColor?: string;
-            strokeColor?: string;
-            size?: number;
-            shape?: ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond") | ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond")[];
-        }[];
-        shape?: ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond") | ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond")[];
-        offsetX?: number;
-        offsetY?: number;
-        showNullDataPoints?: boolean;
-        onClick?(e?: any): void;
-        onDblClick?(e?: any): void;
-        hover?: {
-            size?: number;
-            sizeOffset?: number;
-        };
-    };
-    noData?: {
-        text?: string;
-        align?: "left" | "right" | "center";
-        verticalAlign?: "top" | "middle" | "bottom";
-        offsetX?: number;
-        offsetY?: number;
-        style?: {
-            color?: string;
-            fontSize?: string;
-            fontFamily?: string;
-        };
-    };
-    plotOptions?: {
-        line?: {
-            isSlopeChart?: boolean;
-            colors?: {
-                threshold?: number;
-                colorAboveThreshold?: string;
-                colorBelowThreshold?: string;
-            };
-        };
-        area?: {
-            fillTo?: "origin" | "end";
-        };
-        bar?: {
-            horizontal?: boolean;
-            columnWidth?: string | number;
-            barHeight?: string | number;
-            distributed?: boolean;
-            borderRadius?: number;
-            borderRadiusApplication?: "around" | "end";
-            borderRadiusWhenStacked?: "all" | "last";
-            hideZeroBarsWhenGrouped?: boolean;
-            rangeBarOverlap?: boolean;
-            rangeBarGroupRows?: boolean;
-            isDumbbell?: boolean;
-            dumbbellColors?: string[][];
-            isFunnel?: boolean;
-            isFunnel3d?: boolean;
-            colors?: {
-                ranges?: {
-                    from?: number;
-                    to?: number;
-                    color?: string;
-                }[];
-                backgroundBarColors?: string[];
-                backgroundBarOpacity?: number;
-                backgroundBarRadius?: number;
-            };
-            dataLabels?: {
-                maxItems?: number;
-                hideOverflowingLabels?: boolean;
-                position?: string;
-                orientation?: "horizontal" | "vertical";
-                total?: {
-                    enabled?: boolean;
-                    formatter?(val?: string, opts?: any): string;
-                    offsetX?: number;
-                    offsetY?: number;
-                    style?: {
-                        color?: string;
-                        fontSize?: string;
-                        fontFamily?: string;
-                        fontWeight?: number | string;
-                    };
-                };
-            };
-        };
-        bubble?: {
-            zScaling?: boolean;
-            minBubbleRadius?: number;
-            maxBubbleRadius?: number;
-        };
-        candlestick?: {
-            type?: string;
-            colors?: {
-                upward?: string | string[];
-                downward?: string | string[];
-            };
-            wick?: {
-                useFillColor?: boolean;
-            };
-        };
-        boxPlot?: {
-            colors?: {
-                upper?: string | string[];
-                lower?: string | string[];
-            };
-        };
-        heatmap?: {
-            radius?: number;
-            enableShades?: boolean;
-            shadeIntensity?: number;
-            reverseNegativeShade?: boolean;
-            distributed?: boolean;
-            useFillColorAsStroke?: boolean;
-            colorScale?: {
-                ranges?: {
-                    from?: number;
-                    to?: number;
-                    color?: string;
-                    foreColor?: string;
-                    name?: string;
-                }[];
-                inverse?: boolean;
-                min?: number;
-                max?: number;
-            };
-        };
-        treemap?: {
-            enableShades?: boolean;
-            shadeIntensity?: number;
-            distributed?: boolean;
-            reverseNegativeShade?: boolean;
-            useFillColorAsStroke?: boolean;
-            dataLabels?: {
-                format?: "scale" | "truncate";
-            };
-            borderRadius?: number;
-            colorScale?: {
-                inverse?: boolean;
-                ranges?: {
-                    from?: number;
-                    to?: number;
-                    color?: string;
-                    foreColor?: string;
-                    name?: string;
-                }[];
-                min?: number;
-                max?: number;
-            };
-            seriesTitle?: {
-                show?: boolean;
-                offsetY?: number;
-                offsetX?: number;
-                borderColor?: string;
-                borderWidth?: number;
-                borderRadius?: number;
-                style?: {
-                    background?: string;
-                    color?: string;
-                    fontSize?: string;
-                    fontFamily?: string;
-                    fontWeight?: number | string;
-                    cssClass?: string;
-                    padding?: {
-                        left?: number;
-                        right?: number;
-                        top?: number;
-                        bottom?: number;
-                    };
-                };
-            };
-        };
-        pie?: {
-            startAngle?: number;
-            endAngle?: number;
-            customScale?: number;
-            offsetX?: number;
-            offsetY?: number;
-            expandOnClick?: boolean;
-            dataLabels?: {
-                offset?: number;
-                minAngleToShowLabel?: number;
-            };
-            donut?: {
-                size?: string;
-                background?: string;
-                labels?: {
-                    show?: boolean;
-                    name?: {
-                        show?: boolean;
-                        fontSize?: string;
-                        fontFamily?: string;
-                        fontWeight?: string | number;
-                        color?: string;
-                        offsetY?: number;
-                        formatter?(val: string): string;
-                    };
-                    value?: {
-                        show?: boolean;
-                        fontSize?: string;
-                        fontFamily?: string;
-                        fontWeight?: string | number;
-                        color?: string;
-                        offsetY?: number;
-                        formatter?(val: number | string): string;
-                    };
-                    total?: {
-                        show?: boolean;
-                        showAlways?: boolean;
-                        fontFamily?: string;
-                        fontWeight?: string | number;
-                        fontSize?: string;
-                        label?: string;
-                        color?: string;
-                        formatter?(w: any): string;
-                    };
-                };
-            };
-        };
-        polarArea?: {
-            rings?: {
-                strokeWidth?: number;
-                strokeColor?: string;
-            };
-            spokes?: {
-                strokeWidth?: number;
-                connectorColors?: string | string[];
-            };
-        };
-        radar?: {
-            size?: number;
-            offsetX?: number;
-            offsetY?: number;
-            polygons?: {
-                strokeColors?: string | string[];
-                strokeWidth?: string | string[];
-                connectorColors?: string | string[];
-                fill?: {
-                    colors?: string[];
-                };
-            };
-        };
-        radialBar?: {
-            inverseOrder?: boolean;
-            startAngle?: number;
-            endAngle?: number;
-            offsetX?: number;
-            offsetY?: number;
-            hollow?: {
-                margin?: number;
-                size?: string;
-                background?: string;
-                image?: string;
-                imageWidth?: number;
-                imageHeight?: number;
-                imageOffsetX?: number;
-                imageOffsetY?: number;
-                imageClipped?: boolean;
-                position?: "front" | "back";
-                dropShadow?: {
-                    enabled?: boolean;
-                    top?: number;
-                    left?: number;
-                    blur?: number;
-                    opacity?: number;
-                    color?: string;
-                };
-            };
-            track?: {
-                show?: boolean;
-                startAngle?: number;
-                endAngle?: number;
-                background?: string | string[];
-                strokeWidth?: string;
-                opacity?: number;
-                margin?: number;
-                dropShadow?: {
-                    enabled?: boolean;
-                    top?: number;
-                    left?: number;
-                    blur?: number;
-                    opacity?: number;
-                    color?: string;
-                };
-            };
-            dataLabels?: {
-                show?: boolean;
-                name?: {
-                    show?: boolean;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    fontSize?: string;
-                    color?: string;
-                    offsetY?: number;
-                };
-                value?: {
-                    show?: boolean;
-                    fontFamily?: string;
-                    fontSize?: string;
-                    fontWeight?: string | number;
-                    color?: string;
-                    offsetY?: number;
-                    formatter?(val: number): string;
-                };
-                total?: {
-                    show?: boolean;
-                    label?: string;
-                    color?: string;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    fontSize?: string;
-                    formatter?(opts: any): string;
-                };
-            };
-            barLabels?: {
-                enabled?: boolean;
-                offsetX?: number;
-                offsetY?: number;
-                useSeriesColors?: boolean;
-                fontFamily?: string;
-                fontWeight?: string | number;
-                fontSize?: string;
-                formatter?: (barName: string, opts?: any) => string;
-                onClick?: (barName: string, opts?: any) => void;
-            };
-        };
-    };
-    responsive?: {
-        breakpoint?: number;
-        options?: any;
-    }[];
-    parsing?: {
-        x?: string;
-        y?: string | string[];
-        z?: string;
-    };
-    series?: {
-        name?: string;
-        type?: string;
-        color?: string;
-        group?: string;
-        hidden?: boolean;
-        zIndex?: number;
-        parsing?: {
-            x?: string;
-            y?: string | string[];
-            z?: string;
-        };
-        data: (number | null)[] | {
-            x: any;
-            y: any;
-            fill?: {
-                colors?: any[];
-                opacity?: number | number[];
-                type?: string | string[];
-                gradient?: {
-                    shade?: string;
-                    type?: string;
-                    shadeIntensity?: number;
-                    gradientToColors?: string[];
-                    inverseColors?: boolean;
-                    opacityFrom?: number | number[];
-                    opacityTo?: number | number[];
-                    stops?: number[];
-                    colorStops?: {
-                        offset: number;
-                        color: string;
-                        opacity: number;
-                    }[][] | {
-                        offset: number;
-                        color: string;
-                        opacity: number;
-                    }[];
-                };
-                image?: {
-                    src?: string | string[];
-                    width?: number;
-                    height?: number;
-                };
-                pattern?: {
-                    style?: string | string[];
-                    width?: number;
-                    height?: number;
-                    strokeWidth?: number;
-                };
-            };
-            fillColor?: string;
-            strokeColor?: string;
-            meta?: any;
-            goals?: {
-                name?: string;
-                value: number;
-                strokeHeight?: number;
-                strokeWidth?: number;
-                strokeColor?: string;
-                strokeDashArray?: number;
-                strokeLineCap?: "butt" | "square" | "round";
-            }[];
-            barHeightOffset?: number;
-            columnWidthOffset?: number;
-        }[] | [number, number | null][] | [number, (number | null)[]][] | number[][] | Record<string, any>[];
-    }[] | (number[] | {
-        name?: string;
-        type?: string;
-        color?: string;
-        group?: string;
-        hidden?: boolean;
-        zIndex?: number;
-        parsing?: {
-            x?: string;
-            y?: string | string[];
-            z?: string;
-        };
-        data: (number | null)[] | {
-            x: any;
-            y: any;
-            fill?: {
-                colors?: any[];
-                opacity?: number | number[];
-                type?: string | string[];
-                gradient?: {
-                    shade?: string;
-                    type?: string;
-                    shadeIntensity?: number;
-                    gradientToColors?: string[];
-                    inverseColors?: boolean;
-                    opacityFrom?: number | number[];
-                    opacityTo?: number | number[];
-                    stops?: number[];
-                    colorStops?: {
-                        offset: number;
-                        color: string;
-                        opacity: number;
-                    }[][] | {
-                        offset: number;
-                        color: string;
-                        opacity: number;
-                    }[];
-                };
-                image?: {
-                    src?: string | string[];
-                    width?: number;
-                    height?: number;
-                };
-                pattern?: {
-                    style?: string | string[];
-                    width?: number;
-                    height?: number;
-                    strokeWidth?: number;
-                };
-            };
-            fillColor?: string;
-            strokeColor?: string;
-            meta?: any;
-            goals?: {
-                name?: string;
-                value: number;
-                strokeHeight?: number;
-                strokeWidth?: number;
-                strokeColor?: string;
-                strokeDashArray?: number;
-                strokeLineCap?: "butt" | "square" | "round";
-            }[];
-            barHeightOffset?: number;
-            columnWidthOffset?: number;
-        }[] | [number, number | null][] | [number, (number | null)[]][] | number[][] | Record<string, any>[];
-    }[]);
-    states?: {
-        hover?: {
-            filter?: {
-                type?: string;
-            };
-        };
-        active?: {
-            allowMultipleDataPointsSelection?: boolean;
-            filter?: {
-                type?: string;
-            };
-        };
-    };
-    stroke?: {
-        show?: boolean;
-        curve?: "smooth" | "straight" | "stepline" | "linestep" | "monotoneCubic" | ("smooth" | "straight" | "stepline" | "linestep" | "monotoneCubic")[];
-        lineCap?: "butt" | "square" | "round";
-        colors?: any[] | string[];
-        width?: number | number[];
-        dashArray?: number | number[];
-        fill?: {
-            colors?: any[];
-            opacity?: number | number[];
-            type?: string | string[];
-            gradient?: {
-                shade?: string;
-                type?: string;
-                shadeIntensity?: number;
-                gradientToColors?: string[];
-                inverseColors?: boolean;
-                opacityFrom?: number | number[];
-                opacityTo?: number | number[];
-                stops?: number[];
-                colorStops?: {
-                    offset: number;
-                    color: string;
-                    opacity: number;
-                }[][] | {
-                    offset: number;
-                    color: string;
-                    opacity: number;
-                }[];
-            };
-            image?: {
-                src?: string | string[];
-                width?: number;
-                height?: number;
-            };
-            pattern?: {
-                style?: string | string[];
-                width?: number;
-                height?: number;
-                strokeWidth?: number;
-            };
-        };
-    };
-    subtitle?: {
-        text?: string;
-        align?: "left" | "center" | "right";
-        margin?: number;
-        offsetX?: number;
-        offsetY?: number;
-        floating?: boolean;
-        style?: {
-            fontSize?: string;
-            fontFamily?: string;
-            fontWeight?: string | number;
-            color?: string;
-        };
-    };
-    theme?: {
-        mode?: "light" | "dark";
-        palette?: string;
-        monochrome?: {
-            enabled?: boolean;
-            color?: string;
-            shadeTo?: "light" | "dark";
-            shadeIntensity?: number;
-        };
-        accessibility?: {
-            colorBlindMode?: "deuteranopia" | "protanopia" | "tritanopia" | "highContrast" | "";
-        };
-    };
-    title?: {
-        text?: string;
-        align?: "left" | "center" | "right";
-        margin?: number;
-        offsetX?: number;
-        offsetY?: number;
-        floating?: boolean;
-        style?: {
-            fontSize?: string;
-            fontFamily?: string;
-            fontWeight?: string | number;
-            color?: string;
-        };
-    };
-    tooltip?: {
-        enabled?: boolean;
-        enabledOnSeries?: undefined | number[];
-        shared?: boolean;
-        followCursor?: boolean;
-        intersect?: boolean;
-        inverseOrder?: boolean;
-        custom?: ((options: any) => any) | ((options: any) => any)[];
-        fillSeriesColor?: boolean;
-        theme?: string;
-        cssClass?: string;
-        hideEmptySeries?: boolean;
-        style?: {
-            fontSize?: string;
-            fontFamily?: string;
-        };
-        onDatasetHover?: {
-            highlightDataSeries?: boolean;
-        };
-        x?: {
-            show?: boolean;
-            format?: string;
-            formatter?(val: string | number, opts?: any): string;
-        };
-        y?: {
-            title?: {
-                formatter?(seriesName: string, opts?: any): string;
-            };
-            formatter?(val: number, opts?: any): string;
-        } | {
-            title?: {
-                formatter?(seriesName: string, opts?: any): string;
-            };
-            formatter?(val: number, opts?: any): string;
-        }[];
-        z?: {
-            title?: string;
-            formatter?(val: number): string;
-        };
-        marker?: {
-            show?: boolean;
-            fillColors?: string[];
-        };
-        items?: {
-            display?: string;
-        };
-        fixed?: {
-            enabled?: boolean;
-            position?: string;
-            offsetX?: number;
-            offsetY?: number;
-        };
-    };
-    xaxis?: {
-        type?: "category" | "datetime" | "numeric";
-        categories?: any;
-        overwriteCategories?: number[] | string[] | undefined;
-        offsetX?: number;
-        offsetY?: number;
-        sorted?: boolean;
-        labels?: {
-            show?: boolean;
-            rotate?: number;
-            rotateAlways?: boolean;
-            hideOverlappingLabels?: boolean;
-            showDuplicates?: boolean;
-            trim?: boolean;
-            minHeight?: number;
-            maxHeight?: number;
-            style?: {
-                colors?: string | string[];
-                fontSize?: string;
-                fontFamily?: string;
-                fontWeight?: string | number;
-                cssClass?: string;
-            };
-            offsetX?: number;
-            offsetY?: number;
-            format?: string;
-            formatter?(value: string | number, timestamp?: number, opts?: any): string | string[];
-            datetimeUTC?: boolean;
-            datetimeFormatter?: {
-                year?: string;
-                month?: string;
-                day?: string;
-                hour?: string;
-                minute?: string;
-                second?: string;
-            };
-        };
-        group?: {
-            groups?: {
-                title: string;
-                cols: number;
-            }[];
-            style?: {
-                colors?: string | string[];
-                fontSize?: string;
-                fontFamily?: string;
-                fontWeight?: string | number;
-                cssClass?: string;
-            };
-        };
-        axisBorder?: {
-            show?: boolean;
-            color?: string;
-            height?: number;
-            offsetX?: number;
-            offsetY?: number;
-        };
-        axisTicks?: {
-            show?: boolean;
-            borderType?: string;
-            color?: string;
-            height?: number;
-            offsetX?: number;
-            offsetY?: number;
-        };
-        tickPlacement?: string;
-        tickAmount?: number | "dataPoints";
-        stepSize?: number;
-        min?: number;
-        max?: number;
-        range?: number;
-        floating?: boolean;
-        decimalsInFloat?: number;
-        position?: string;
-        title?: {
-            text?: string;
-            offsetX?: number;
-            offsetY?: number;
-            style?: {
-                color?: string;
-                fontFamily?: string;
-                fontWeight?: string | number;
-                fontSize?: string;
-                cssClass?: string;
-            };
-        };
-        crosshairs?: {
-            show?: boolean;
-            width?: number | string;
-            position?: string;
-            opacity?: number;
-            stroke?: {
-                color?: string;
-                width?: number;
-                dashArray?: number;
-            };
-            fill?: {
-                type?: string;
-                color?: string;
-                gradient?: {
-                    colorFrom?: string;
-                    colorTo?: string;
-                    stops?: number[];
-                    opacityFrom?: number;
-                    opacityTo?: number;
-                };
-            };
-            dropShadow?: {
-                enabled?: boolean;
-                top?: number;
-                left?: number;
-                blur?: number;
-                opacity?: number;
-                color?: string;
-            };
-        };
-        tooltip?: {
-            enabled?: boolean;
-            offsetY?: number;
-            formatter?(value: string | number, opts?: object): string;
-            style?: {
-                fontSize?: string;
-                fontFamily?: string;
-            };
-        };
-    };
-    yaxis?: {
-        show?: boolean;
-        showAlways?: boolean;
-        showForNullSeries?: boolean;
-        seriesName?: string | string[];
-        opposite?: boolean;
-        reversed?: boolean;
-        logarithmic?: boolean;
-        logBase?: number;
-        tickAmount?: number;
-        stepSize?: number;
-        forceNiceScale?: boolean;
-        min?: number | ((min: number) => number);
-        max?: number | ((max: number) => number);
-        floating?: boolean;
-        decimalsInFloat?: number;
-        labels?: {
-            show?: boolean;
-            showDuplicates?: boolean;
-            minWidth?: number;
-            maxWidth?: number;
-            offsetX?: number;
-            offsetY?: number;
-            rotate?: number;
-            align?: "left" | "center" | "right";
-            padding?: number;
-            style?: {
-                colors?: string | string[];
-                fontSize?: string;
-                fontWeight?: string | number;
-                fontFamily?: string;
-                cssClass?: string;
-            };
-            formatter?(val: number, opts?: any): string | string[];
-        };
-        axisBorder?: {
-            show?: boolean;
-            color?: string;
-            width?: number;
-            offsetX?: number;
-            offsetY?: number;
-        };
-        axisTicks?: {
-            show?: boolean;
-            color?: string;
-            width?: number;
-            offsetX?: number;
-            offsetY?: number;
-        };
-        title?: {
-            text?: string;
-            rotate?: number;
-            offsetX?: number;
-            offsetY?: number;
-            style?: {
-                color?: string;
-                fontSize?: string;
-                fontWeight?: string | number;
-                fontFamily?: string;
-                cssClass?: string;
-            };
-        };
-        crosshairs?: {
-            show?: boolean;
-            position?: string;
-            stroke?: {
-                color?: string;
-                width?: number;
-                dashArray?: number;
-            };
-        };
-        tooltip?: {
-            enabled?: boolean;
-            offsetX?: number;
-        };
-    } | {
-        show?: boolean;
-        showAlways?: boolean;
-        showForNullSeries?: boolean;
-        seriesName?: string | string[];
-        opposite?: boolean;
-        reversed?: boolean;
-        logarithmic?: boolean;
-        logBase?: number;
-        tickAmount?: number;
-        stepSize?: number;
-        forceNiceScale?: boolean;
-        min?: number | ((min: number) => number);
-        max?: number | ((max: number) => number);
-        floating?: boolean;
-        decimalsInFloat?: number;
-        labels?: {
-            show?: boolean;
-            showDuplicates?: boolean;
-            minWidth?: number;
-            maxWidth?: number;
-            offsetX?: number;
-            offsetY?: number;
-            rotate?: number;
-            align?: "left" | "center" | "right";
-            padding?: number;
-            style?: {
-                colors?: string | string[];
-                fontSize?: string;
-                fontWeight?: string | number;
-                fontFamily?: string;
-                cssClass?: string;
-            };
-            formatter?(val: number, opts?: any): string | string[];
-        };
-        axisBorder?: {
-            show?: boolean;
-            color?: string;
-            width?: number;
-            offsetX?: number;
-            offsetY?: number;
-        };
-        axisTicks?: {
-            show?: boolean;
-            color?: string;
-            width?: number;
-            offsetX?: number;
-            offsetY?: number;
-        };
-        title?: {
-            text?: string;
-            rotate?: number;
-            offsetX?: number;
-            offsetY?: number;
-            style?: {
-                color?: string;
-                fontSize?: string;
-                fontWeight?: string | number;
-                fontFamily?: string;
-                cssClass?: string;
-            };
-        };
-        crosshairs?: {
-            show?: boolean;
-            position?: string;
-            stroke?: {
-                color?: string;
-                width?: number;
-                dashArray?: number;
-            };
-        };
-        tooltip?: {
-            enabled?: boolean;
-            offsetX?: number;
-        };
-    }[];
-};
+export declare const apexAreaChartDefaultOption: ApexOptions;
 export declare const apexBarChartDefaultOption: ApexOptions;
 export declare const apexColumnChartDefaultOption: ApexOptions;
 export declare const apexMixedChartDefaultOption: ApexOptions;
@@ -1406,1403 +10,7 @@ export declare const apexSparklineChartDefultOption: ApexOptions;
 export declare const apexRadarChartDefultOption: ApexOptions;
 declare const chartConfig: {
     apexLineChartDefaultOption: ApexOptions;
-    apexAreaChartDefaultOption: {
-        fill: {
-            type: string;
-            gradient: {
-                shadeIntensity: number;
-                opacityFrom: number;
-                opacityTo: number;
-                stops: number[];
-            };
-        };
-        annotations?: {
-            yaxis?: {
-                id?: number | string;
-                y?: null | number | string;
-                y2?: null | number | string;
-                strokeDashArray?: number;
-                fillColor?: string;
-                borderColor?: string;
-                borderWidth?: number;
-                opacity?: number;
-                offsetX?: number;
-                offsetY?: number;
-                width?: number | string;
-                yAxisIndex?: number;
-                label?: {
-                    borderColor?: string;
-                    borderWidth?: number;
-                    borderRadius?: number;
-                    text?: string | string[];
-                    textAnchor?: string;
-                    offsetX?: number;
-                    offsetY?: number;
-                    style?: {
-                        background?: string;
-                        color?: string;
-                        fontFamily?: string;
-                        fontWeight?: string | number;
-                        fontSize?: string;
-                        cssClass?: string;
-                        padding?: {
-                            left?: number;
-                            right?: number;
-                            top?: number;
-                            bottom?: number;
-                        };
-                    };
-                    position?: string;
-                    orientation?: string;
-                    mouseEnter?: Function;
-                    mouseLeave?: Function;
-                    click?: Function;
-                };
-            }[];
-            xaxis?: {
-                id?: number | string;
-                x?: null | number | string;
-                x2?: null | number | string;
-                strokeDashArray?: number;
-                fillColor?: string;
-                borderColor?: string;
-                borderWidth?: number;
-                opacity?: number;
-                offsetX?: number;
-                offsetY?: number;
-                label?: {
-                    borderColor?: string;
-                    borderWidth?: number;
-                    borderRadius?: number;
-                    text?: string | string[];
-                    textAnchor?: string;
-                    offsetX?: number;
-                    offsetY?: number;
-                    style?: {
-                        background?: string;
-                        color?: string;
-                        fontFamily?: string;
-                        fontWeight?: string | number;
-                        fontSize?: string;
-                        cssClass?: string;
-                        padding?: {
-                            left?: number;
-                            right?: number;
-                            top?: number;
-                            bottom?: number;
-                        };
-                    };
-                    position?: string;
-                    orientation?: string;
-                    mouseEnter?: Function;
-                    mouseLeave?: Function;
-                    click?: Function;
-                };
-            }[];
-            points?: {
-                id?: number | string;
-                x?: number | string;
-                y?: null | number;
-                yAxisIndex?: number;
-                seriesIndex?: number;
-                mouseEnter?: Function;
-                mouseLeave?: Function;
-                click?: Function;
-                marker?: {
-                    size?: number;
-                    fillColor?: string;
-                    strokeColor?: string;
-                    strokeWidth?: number;
-                    shape?: string;
-                    offsetX?: number;
-                    offsetY?: number;
-                    cssClass?: string;
-                };
-                label?: {
-                    borderColor?: string;
-                    borderWidth?: number;
-                    borderRadius?: number;
-                    text?: string | string[];
-                    textAnchor?: string;
-                    offsetX?: number;
-                    offsetY?: number;
-                    style?: {
-                        background?: string;
-                        color?: string;
-                        fontFamily?: string;
-                        fontWeight?: string | number;
-                        fontSize?: string;
-                        cssClass?: string;
-                        padding?: {
-                            left?: number;
-                            right?: number;
-                            top?: number;
-                            bottom?: number;
-                        };
-                    };
-                    position?: string;
-                    orientation?: string;
-                    mouseEnter?: Function;
-                    mouseLeave?: Function;
-                    click?: Function;
-                };
-                image?: {
-                    path?: string;
-                    width?: number;
-                    height?: number;
-                    offsetX?: number;
-                    offsetY?: number;
-                };
-            }[];
-            texts?: {
-                x?: number;
-                y?: number;
-                text?: string;
-                textAnchor?: string;
-                foreColor?: string;
-                fontSize?: string | number;
-                fontFamily?: undefined | string;
-                fontWeight?: string | number;
-                backgroundColor?: string;
-                borderColor?: string;
-                borderRadius?: number;
-                borderWidth?: number;
-                paddingLeft?: number;
-                paddingRight?: number;
-                paddingTop?: number;
-                paddingBottom?: number;
-            }[];
-            images?: {
-                path?: string;
-                x?: number;
-                y?: number;
-                width?: number;
-                height?: number;
-            }[];
-        };
-        chart?: {
-            width?: string | number;
-            height?: string | number;
-            type?: "line" | "area" | "bar" | "pie" | "donut" | "radialBar" | "scatter" | "bubble" | "heatmap" | "candlestick" | "boxPlot" | "radar" | "polarArea" | "rangeBar" | "rangeArea" | "treemap";
-            foreColor?: string;
-            fontFamily?: string;
-            background?: string;
-            offsetX?: number;
-            offsetY?: number;
-            dropShadow?: {
-                enabled?: boolean;
-                top?: number;
-                left?: number;
-                blur?: number;
-                opacity?: number;
-                color?: string;
-            } & {
-                enabledOnSeries?: undefined | number[];
-                color?: string | string[];
-            };
-            nonce?: string;
-            events?: {
-                animationEnd?(chart: any, options?: any): void;
-                beforeMount?(chart: any, options?: any): void;
-                mounted?(chart: any, options?: any): void;
-                updated?(chart: any, options?: any): void;
-                mouseMove?(e: any, chart?: any, options?: any): void;
-                mouseLeave?(e: any, chart?: any, options?: any): void;
-                click?(e: any, chart?: any, options?: any): void;
-                xAxisLabelClick?(e: any, chart?: any, options?: any): void;
-                legendClick?(chart: any, seriesIndex?: number, options?: any): void;
-                markerClick?(e: any, chart?: any, options?: any): void;
-                selection?(chart: any, options?: any): void;
-                dataPointSelection?(e: any, chart?: any, options?: any): void;
-                dataPointMouseEnter?(e: any, chart?: any, options?: any): void;
-                dataPointMouseLeave?(e: any, chart?: any, options?: any): void;
-                beforeZoom?(chart: any, options?: any): void;
-                beforeResetZoom?(chart: any, options?: any): void;
-                zoomed?(chart: any, options?: any): void;
-                scrolled?(chart: any, options?: any): void;
-                brushScrolled?(chart: any, options?: any): void;
-                keyDown?(e: KeyboardEvent, chart?: any, options?: any): void;
-                keyUp?(e: KeyboardEvent, chart?: any, options?: any): void;
-            };
-            brush?: {
-                enabled?: boolean;
-                autoScaleYaxis?: boolean;
-                target?: string;
-                targets?: string[];
-            };
-            id?: string;
-            injectStyleSheet?: boolean;
-            group?: string;
-            locales?: {
-                name?: string;
-                options?: {
-                    months?: string[];
-                    shortMonths?: string[];
-                    days?: string[];
-                    shortDays?: string[];
-                    toolbar?: {
-                        download?: string;
-                        selection?: string;
-                        selectionZoom?: string;
-                        zoomIn?: string;
-                        zoomOut?: string;
-                        pan?: string;
-                        reset?: string;
-                        exportToSVG?: string;
-                        exportToPNG?: string;
-                        exportToCSV?: string;
-                    };
-                };
-            }[];
-            defaultLocale?: string;
-            parentHeightOffset?: number;
-            redrawOnParentResize?: boolean;
-            redrawOnWindowResize?: boolean | Function;
-            sparkline?: {
-                enabled?: boolean;
-            };
-            stacked?: boolean;
-            stackType?: "normal" | "100%";
-            stackOnlyBar?: boolean;
-            toolbar?: {
-                show?: boolean;
-                offsetX?: number;
-                offsetY?: number;
-                tools?: {
-                    download?: boolean | string;
-                    selection?: boolean | string;
-                    zoom?: boolean | string;
-                    zoomin?: boolean | string;
-                    zoomout?: boolean | string;
-                    pan?: boolean | string;
-                    reset?: boolean | string;
-                    customIcons?: {
-                        icon?: string;
-                        title?: string;
-                        index?: number;
-                        class?: string;
-                        click?(chart?: any, options?: any, e?: any): any;
-                    }[];
-                };
-                export?: {
-                    csv?: {
-                        filename?: undefined | string;
-                        columnDelimiter?: string;
-                        headerCategory?: string;
-                        headerValue?: string;
-                        categoryFormatter?(value?: string | number): any;
-                        valueFormatter?(value?: string | number): any;
-                    };
-                    svg?: {
-                        filename?: undefined | string;
-                    };
-                    png?: {
-                        filename?: undefined | string;
-                    };
-                    width?: number;
-                    scale?: number;
-                };
-                autoSelected?: "zoom" | "selection" | "pan";
-            };
-            zoom?: {
-                enabled?: boolean;
-                type?: "x" | "y" | "xy";
-                autoScaleYaxis?: boolean;
-                allowMouseWheelZoom?: boolean;
-                zoomedArea?: {
-                    fill?: {
-                        color?: string;
-                        opacity?: number;
-                    };
-                    stroke?: {
-                        color?: string;
-                        opacity?: number;
-                        width?: number;
-                    };
-                };
-            };
-            selection?: {
-                enabled?: boolean;
-                type?: string;
-                fill?: {
-                    color?: string;
-                    opacity?: number;
-                };
-                stroke?: {
-                    width?: number;
-                    color?: string;
-                    opacity?: number;
-                    dashArray?: number;
-                };
-                xaxis?: {
-                    min?: number;
-                    max?: number;
-                };
-                yaxis?: {
-                    min?: number;
-                    max?: number;
-                };
-            };
-            animations?: {
-                enabled?: boolean;
-                speed?: number;
-                animateGradually?: {
-                    enabled?: boolean;
-                    delay?: number;
-                };
-                dynamicAnimation?: {
-                    enabled?: boolean;
-                    speed?: number;
-                };
-            };
-            accessibility?: {
-                enabled?: boolean;
-                description?: string;
-                announcements?: {
-                    enabled?: boolean;
-                };
-                keyboard?: {
-                    enabled?: boolean;
-                    navigation?: {
-                        enabled?: boolean;
-                        wrapAround?: boolean;
-                    };
-                };
-            };
-        };
-        colors?: any[];
-        dataLabels?: {
-            enabled?: boolean;
-            enabledOnSeries?: undefined | number[];
-            textAnchor?: "start" | "middle" | "end";
-            distributed?: boolean;
-            offsetX?: number;
-            offsetY?: number;
-            style?: {
-                fontSize?: string;
-                fontFamily?: string;
-                fontWeight?: string | number;
-                colors?: any[];
-            };
-            background?: {
-                enabled?: boolean;
-                foreColor?: string;
-                backgroundColor?: string;
-                borderRadius?: number;
-                padding?: number;
-                opacity?: number;
-                borderWidth?: number;
-                borderColor?: string;
-                dropShadow?: {
-                    enabled?: boolean;
-                    top?: number;
-                    left?: number;
-                    blur?: number;
-                    opacity?: number;
-                    color?: string;
-                };
-            };
-            dropShadow?: {
-                enabled?: boolean;
-                top?: number;
-                left?: number;
-                blur?: number;
-                opacity?: number;
-                color?: string;
-            };
-            formatter?(val: string | number | number[], opts?: any): string | number | (string | number)[];
-        };
-        forecastDataPoints?: {
-            count?: number;
-            fillOpacity?: number;
-            strokeWidth?: undefined | number;
-            dashArray?: number;
-        };
-        grid?: {
-            show?: boolean;
-            borderColor?: string;
-            strokeDashArray?: number;
-            position?: "front" | "back";
-            xaxis?: {
-                lines?: {
-                    show?: boolean;
-                    offsetX?: number;
-                    offsetY?: number;
-                };
-            };
-            yaxis?: {
-                lines?: {
-                    show?: boolean;
-                    offsetX?: number;
-                    offsetY?: number;
-                };
-            };
-            row?: {
-                colors?: string[];
-                opacity?: number;
-            };
-            column?: {
-                colors?: string[];
-                opacity?: number;
-            };
-            padding?: {
-                top?: number;
-                right?: number;
-                bottom?: number;
-                left?: number;
-            };
-        };
-        labels?: string[];
-        legend?: {
-            show?: boolean;
-            showForSingleSeries?: boolean;
-            showForNullSeries?: boolean;
-            showForZeroSeries?: boolean;
-            floating?: boolean;
-            inverseOrder?: boolean;
-            position?: "top" | "right" | "bottom" | "left";
-            horizontalAlign?: "left" | "center" | "right";
-            fontSize?: string;
-            fontFamily?: string;
-            fontWeight?: string | number;
-            width?: number;
-            height?: number;
-            offsetX?: number;
-            offsetY?: number;
-            formatter?(legendName: string, opts?: any): string;
-            tooltipHoverFormatter?(legendName: string, opts?: any): string;
-            customLegendItems?: string[];
-            clusterGroupedSeries?: boolean;
-            clusterGroupedSeriesOrientation?: string;
-            labels?: {
-                colors?: string | string[];
-                useSeriesColors?: boolean;
-            };
-            markers?: {
-                size?: number;
-                strokeWidth?: number;
-                fillColors?: string[];
-                shape?: ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond") | ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond")[];
-                offsetX?: number;
-                offsetY?: number;
-                customHTML?(): any;
-                onClick?(): void;
-            };
-            itemMargin?: {
-                horizontal?: number;
-                vertical?: number;
-            };
-            onItemClick?: {
-                toggleDataSeries?: boolean;
-            };
-            onItemHover?: {
-                highlightDataSeries?: boolean;
-            };
-        };
-        markers?: {
-            size?: number | number[];
-            colors?: string | string[];
-            strokeColors?: string | string[];
-            strokeWidth?: number | number[];
-            strokeOpacity?: number | number[];
-            strokeDashArray?: number | number[];
-            fillOpacity?: number | number[];
-            discrete?: {
-                seriesIndex?: number;
-                dataPointIndex?: number;
-                fillColor?: string;
-                strokeColor?: string;
-                size?: number;
-                shape?: ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond") | ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond")[];
-            }[];
-            shape?: ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond") | ("circle" | "line" | "rect" | "square" | "triangle" | "star" | "cross" | "plus" | "sparkle" | "diamond")[];
-            offsetX?: number;
-            offsetY?: number;
-            showNullDataPoints?: boolean;
-            onClick?(e?: any): void;
-            onDblClick?(e?: any): void;
-            hover?: {
-                size?: number;
-                sizeOffset?: number;
-            };
-        };
-        noData?: {
-            text?: string;
-            align?: "left" | "right" | "center";
-            verticalAlign?: "top" | "middle" | "bottom";
-            offsetX?: number;
-            offsetY?: number;
-            style?: {
-                color?: string;
-                fontSize?: string;
-                fontFamily?: string;
-            };
-        };
-        plotOptions?: {
-            line?: {
-                isSlopeChart?: boolean;
-                colors?: {
-                    threshold?: number;
-                    colorAboveThreshold?: string;
-                    colorBelowThreshold?: string;
-                };
-            };
-            area?: {
-                fillTo?: "origin" | "end";
-            };
-            bar?: {
-                horizontal?: boolean;
-                columnWidth?: string | number;
-                barHeight?: string | number;
-                distributed?: boolean;
-                borderRadius?: number;
-                borderRadiusApplication?: "around" | "end";
-                borderRadiusWhenStacked?: "all" | "last";
-                hideZeroBarsWhenGrouped?: boolean;
-                rangeBarOverlap?: boolean;
-                rangeBarGroupRows?: boolean;
-                isDumbbell?: boolean;
-                dumbbellColors?: string[][];
-                isFunnel?: boolean;
-                isFunnel3d?: boolean;
-                colors?: {
-                    ranges?: {
-                        from?: number;
-                        to?: number;
-                        color?: string;
-                    }[];
-                    backgroundBarColors?: string[];
-                    backgroundBarOpacity?: number;
-                    backgroundBarRadius?: number;
-                };
-                dataLabels?: {
-                    maxItems?: number;
-                    hideOverflowingLabels?: boolean;
-                    position?: string;
-                    orientation?: "horizontal" | "vertical";
-                    total?: {
-                        enabled?: boolean;
-                        formatter?(val?: string, opts?: any): string;
-                        offsetX?: number;
-                        offsetY?: number;
-                        style?: {
-                            color?: string;
-                            fontSize?: string;
-                            fontFamily?: string;
-                            fontWeight?: number | string;
-                        };
-                    };
-                };
-            };
-            bubble?: {
-                zScaling?: boolean;
-                minBubbleRadius?: number;
-                maxBubbleRadius?: number;
-            };
-            candlestick?: {
-                type?: string;
-                colors?: {
-                    upward?: string | string[];
-                    downward?: string | string[];
-                };
-                wick?: {
-                    useFillColor?: boolean;
-                };
-            };
-            boxPlot?: {
-                colors?: {
-                    upper?: string | string[];
-                    lower?: string | string[];
-                };
-            };
-            heatmap?: {
-                radius?: number;
-                enableShades?: boolean;
-                shadeIntensity?: number;
-                reverseNegativeShade?: boolean;
-                distributed?: boolean;
-                useFillColorAsStroke?: boolean;
-                colorScale?: {
-                    ranges?: {
-                        from?: number;
-                        to?: number;
-                        color?: string;
-                        foreColor?: string;
-                        name?: string;
-                    }[];
-                    inverse?: boolean;
-                    min?: number;
-                    max?: number;
-                };
-            };
-            treemap?: {
-                enableShades?: boolean;
-                shadeIntensity?: number;
-                distributed?: boolean;
-                reverseNegativeShade?: boolean;
-                useFillColorAsStroke?: boolean;
-                dataLabels?: {
-                    format?: "scale" | "truncate";
-                };
-                borderRadius?: number;
-                colorScale?: {
-                    inverse?: boolean;
-                    ranges?: {
-                        from?: number;
-                        to?: number;
-                        color?: string;
-                        foreColor?: string;
-                        name?: string;
-                    }[];
-                    min?: number;
-                    max?: number;
-                };
-                seriesTitle?: {
-                    show?: boolean;
-                    offsetY?: number;
-                    offsetX?: number;
-                    borderColor?: string;
-                    borderWidth?: number;
-                    borderRadius?: number;
-                    style?: {
-                        background?: string;
-                        color?: string;
-                        fontSize?: string;
-                        fontFamily?: string;
-                        fontWeight?: number | string;
-                        cssClass?: string;
-                        padding?: {
-                            left?: number;
-                            right?: number;
-                            top?: number;
-                            bottom?: number;
-                        };
-                    };
-                };
-            };
-            pie?: {
-                startAngle?: number;
-                endAngle?: number;
-                customScale?: number;
-                offsetX?: number;
-                offsetY?: number;
-                expandOnClick?: boolean;
-                dataLabels?: {
-                    offset?: number;
-                    minAngleToShowLabel?: number;
-                };
-                donut?: {
-                    size?: string;
-                    background?: string;
-                    labels?: {
-                        show?: boolean;
-                        name?: {
-                            show?: boolean;
-                            fontSize?: string;
-                            fontFamily?: string;
-                            fontWeight?: string | number;
-                            color?: string;
-                            offsetY?: number;
-                            formatter?(val: string): string;
-                        };
-                        value?: {
-                            show?: boolean;
-                            fontSize?: string;
-                            fontFamily?: string;
-                            fontWeight?: string | number;
-                            color?: string;
-                            offsetY?: number;
-                            formatter?(val: number | string): string;
-                        };
-                        total?: {
-                            show?: boolean;
-                            showAlways?: boolean;
-                            fontFamily?: string;
-                            fontWeight?: string | number;
-                            fontSize?: string;
-                            label?: string;
-                            color?: string;
-                            formatter?(w: any): string;
-                        };
-                    };
-                };
-            };
-            polarArea?: {
-                rings?: {
-                    strokeWidth?: number;
-                    strokeColor?: string;
-                };
-                spokes?: {
-                    strokeWidth?: number;
-                    connectorColors?: string | string[];
-                };
-            };
-            radar?: {
-                size?: number;
-                offsetX?: number;
-                offsetY?: number;
-                polygons?: {
-                    strokeColors?: string | string[];
-                    strokeWidth?: string | string[];
-                    connectorColors?: string | string[];
-                    fill?: {
-                        colors?: string[];
-                    };
-                };
-            };
-            radialBar?: {
-                inverseOrder?: boolean;
-                startAngle?: number;
-                endAngle?: number;
-                offsetX?: number;
-                offsetY?: number;
-                hollow?: {
-                    margin?: number;
-                    size?: string;
-                    background?: string;
-                    image?: string;
-                    imageWidth?: number;
-                    imageHeight?: number;
-                    imageOffsetX?: number;
-                    imageOffsetY?: number;
-                    imageClipped?: boolean;
-                    position?: "front" | "back";
-                    dropShadow?: {
-                        enabled?: boolean;
-                        top?: number;
-                        left?: number;
-                        blur?: number;
-                        opacity?: number;
-                        color?: string;
-                    };
-                };
-                track?: {
-                    show?: boolean;
-                    startAngle?: number;
-                    endAngle?: number;
-                    background?: string | string[];
-                    strokeWidth?: string;
-                    opacity?: number;
-                    margin?: number;
-                    dropShadow?: {
-                        enabled?: boolean;
-                        top?: number;
-                        left?: number;
-                        blur?: number;
-                        opacity?: number;
-                        color?: string;
-                    };
-                };
-                dataLabels?: {
-                    show?: boolean;
-                    name?: {
-                        show?: boolean;
-                        fontFamily?: string;
-                        fontWeight?: string | number;
-                        fontSize?: string;
-                        color?: string;
-                        offsetY?: number;
-                    };
-                    value?: {
-                        show?: boolean;
-                        fontFamily?: string;
-                        fontSize?: string;
-                        fontWeight?: string | number;
-                        color?: string;
-                        offsetY?: number;
-                        formatter?(val: number): string;
-                    };
-                    total?: {
-                        show?: boolean;
-                        label?: string;
-                        color?: string;
-                        fontFamily?: string;
-                        fontWeight?: string | number;
-                        fontSize?: string;
-                        formatter?(opts: any): string;
-                    };
-                };
-                barLabels?: {
-                    enabled?: boolean;
-                    offsetX?: number;
-                    offsetY?: number;
-                    useSeriesColors?: boolean;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    fontSize?: string;
-                    formatter?: (barName: string, opts?: any) => string;
-                    onClick?: (barName: string, opts?: any) => void;
-                };
-            };
-        };
-        responsive?: {
-            breakpoint?: number;
-            options?: any;
-        }[];
-        parsing?: {
-            x?: string;
-            y?: string | string[];
-            z?: string;
-        };
-        series?: {
-            name?: string;
-            type?: string;
-            color?: string;
-            group?: string;
-            hidden?: boolean;
-            zIndex?: number;
-            parsing?: {
-                x?: string;
-                y?: string | string[];
-                z?: string;
-            };
-            data: (number | null)[] | {
-                x: any;
-                y: any;
-                fill?: {
-                    colors?: any[];
-                    opacity?: number | number[];
-                    type?: string | string[];
-                    gradient?: {
-                        shade?: string;
-                        type?: string;
-                        shadeIntensity?: number;
-                        gradientToColors?: string[];
-                        inverseColors?: boolean;
-                        opacityFrom?: number | number[];
-                        opacityTo?: number | number[];
-                        stops?: number[];
-                        colorStops?: {
-                            offset: number;
-                            color: string;
-                            opacity: number;
-                        }[][] | {
-                            offset: number;
-                            color: string;
-                            opacity: number;
-                        }[];
-                    };
-                    image?: {
-                        src?: string | string[];
-                        width?: number;
-                        height?: number;
-                    };
-                    pattern?: {
-                        style?: string | string[];
-                        width?: number;
-                        height?: number;
-                        strokeWidth?: number;
-                    };
-                };
-                fillColor?: string;
-                strokeColor?: string;
-                meta?: any;
-                goals?: {
-                    name?: string;
-                    value: number;
-                    strokeHeight?: number;
-                    strokeWidth?: number;
-                    strokeColor?: string;
-                    strokeDashArray?: number;
-                    strokeLineCap?: "butt" | "square" | "round";
-                }[];
-                barHeightOffset?: number;
-                columnWidthOffset?: number;
-            }[] | [number, number | null][] | [number, (number | null)[]][] | number[][] | Record<string, any>[];
-        }[] | (number[] | {
-            name?: string;
-            type?: string;
-            color?: string;
-            group?: string;
-            hidden?: boolean;
-            zIndex?: number;
-            parsing?: {
-                x?: string;
-                y?: string | string[];
-                z?: string;
-            };
-            data: (number | null)[] | {
-                x: any;
-                y: any;
-                fill?: {
-                    colors?: any[];
-                    opacity?: number | number[];
-                    type?: string | string[];
-                    gradient?: {
-                        shade?: string;
-                        type?: string;
-                        shadeIntensity?: number;
-                        gradientToColors?: string[];
-                        inverseColors?: boolean;
-                        opacityFrom?: number | number[];
-                        opacityTo?: number | number[];
-                        stops?: number[];
-                        colorStops?: {
-                            offset: number;
-                            color: string;
-                            opacity: number;
-                        }[][] | {
-                            offset: number;
-                            color: string;
-                            opacity: number;
-                        }[];
-                    };
-                    image?: {
-                        src?: string | string[];
-                        width?: number;
-                        height?: number;
-                    };
-                    pattern?: {
-                        style?: string | string[];
-                        width?: number;
-                        height?: number;
-                        strokeWidth?: number;
-                    };
-                };
-                fillColor?: string;
-                strokeColor?: string;
-                meta?: any;
-                goals?: {
-                    name?: string;
-                    value: number;
-                    strokeHeight?: number;
-                    strokeWidth?: number;
-                    strokeColor?: string;
-                    strokeDashArray?: number;
-                    strokeLineCap?: "butt" | "square" | "round";
-                }[];
-                barHeightOffset?: number;
-                columnWidthOffset?: number;
-            }[] | [number, number | null][] | [number, (number | null)[]][] | number[][] | Record<string, any>[];
-        }[]);
-        states?: {
-            hover?: {
-                filter?: {
-                    type?: string;
-                };
-            };
-            active?: {
-                allowMultipleDataPointsSelection?: boolean;
-                filter?: {
-                    type?: string;
-                };
-            };
-        };
-        stroke?: {
-            show?: boolean;
-            curve?: "smooth" | "straight" | "stepline" | "linestep" | "monotoneCubic" | ("smooth" | "straight" | "stepline" | "linestep" | "monotoneCubic")[];
-            lineCap?: "butt" | "square" | "round";
-            colors?: any[] | string[];
-            width?: number | number[];
-            dashArray?: number | number[];
-            fill?: {
-                colors?: any[];
-                opacity?: number | number[];
-                type?: string | string[];
-                gradient?: {
-                    shade?: string;
-                    type?: string;
-                    shadeIntensity?: number;
-                    gradientToColors?: string[];
-                    inverseColors?: boolean;
-                    opacityFrom?: number | number[];
-                    opacityTo?: number | number[];
-                    stops?: number[];
-                    colorStops?: {
-                        offset: number;
-                        color: string;
-                        opacity: number;
-                    }[][] | {
-                        offset: number;
-                        color: string;
-                        opacity: number;
-                    }[];
-                };
-                image?: {
-                    src?: string | string[];
-                    width?: number;
-                    height?: number;
-                };
-                pattern?: {
-                    style?: string | string[];
-                    width?: number;
-                    height?: number;
-                    strokeWidth?: number;
-                };
-            };
-        };
-        subtitle?: {
-            text?: string;
-            align?: "left" | "center" | "right";
-            margin?: number;
-            offsetX?: number;
-            offsetY?: number;
-            floating?: boolean;
-            style?: {
-                fontSize?: string;
-                fontFamily?: string;
-                fontWeight?: string | number;
-                color?: string;
-            };
-        };
-        theme?: {
-            mode?: "light" | "dark";
-            palette?: string;
-            monochrome?: {
-                enabled?: boolean;
-                color?: string;
-                shadeTo?: "light" | "dark";
-                shadeIntensity?: number;
-            };
-            accessibility?: {
-                colorBlindMode?: "deuteranopia" | "protanopia" | "tritanopia" | "highContrast" | "";
-            };
-        };
-        title?: {
-            text?: string;
-            align?: "left" | "center" | "right";
-            margin?: number;
-            offsetX?: number;
-            offsetY?: number;
-            floating?: boolean;
-            style?: {
-                fontSize?: string;
-                fontFamily?: string;
-                fontWeight?: string | number;
-                color?: string;
-            };
-        };
-        tooltip?: {
-            enabled?: boolean;
-            enabledOnSeries?: undefined | number[];
-            shared?: boolean;
-            followCursor?: boolean;
-            intersect?: boolean;
-            inverseOrder?: boolean;
-            custom?: ((options: any) => any) | ((options: any) => any)[];
-            fillSeriesColor?: boolean;
-            theme?: string;
-            cssClass?: string;
-            hideEmptySeries?: boolean;
-            style?: {
-                fontSize?: string;
-                fontFamily?: string;
-            };
-            onDatasetHover?: {
-                highlightDataSeries?: boolean;
-            };
-            x?: {
-                show?: boolean;
-                format?: string;
-                formatter?(val: string | number, opts?: any): string;
-            };
-            y?: {
-                title?: {
-                    formatter?(seriesName: string, opts?: any): string;
-                };
-                formatter?(val: number, opts?: any): string;
-            } | {
-                title?: {
-                    formatter?(seriesName: string, opts?: any): string;
-                };
-                formatter?(val: number, opts?: any): string;
-            }[];
-            z?: {
-                title?: string;
-                formatter?(val: number): string;
-            };
-            marker?: {
-                show?: boolean;
-                fillColors?: string[];
-            };
-            items?: {
-                display?: string;
-            };
-            fixed?: {
-                enabled?: boolean;
-                position?: string;
-                offsetX?: number;
-                offsetY?: number;
-            };
-        };
-        xaxis?: {
-            type?: "category" | "datetime" | "numeric";
-            categories?: any;
-            overwriteCategories?: number[] | string[] | undefined;
-            offsetX?: number;
-            offsetY?: number;
-            sorted?: boolean;
-            labels?: {
-                show?: boolean;
-                rotate?: number;
-                rotateAlways?: boolean;
-                hideOverlappingLabels?: boolean;
-                showDuplicates?: boolean;
-                trim?: boolean;
-                minHeight?: number;
-                maxHeight?: number;
-                style?: {
-                    colors?: string | string[];
-                    fontSize?: string;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    cssClass?: string;
-                };
-                offsetX?: number;
-                offsetY?: number;
-                format?: string;
-                formatter?(value: string | number, timestamp?: number, opts?: any): string | string[];
-                datetimeUTC?: boolean;
-                datetimeFormatter?: {
-                    year?: string;
-                    month?: string;
-                    day?: string;
-                    hour?: string;
-                    minute?: string;
-                    second?: string;
-                };
-            };
-            group?: {
-                groups?: {
-                    title: string;
-                    cols: number;
-                }[];
-                style?: {
-                    colors?: string | string[];
-                    fontSize?: string;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    cssClass?: string;
-                };
-            };
-            axisBorder?: {
-                show?: boolean;
-                color?: string;
-                height?: number;
-                offsetX?: number;
-                offsetY?: number;
-            };
-            axisTicks?: {
-                show?: boolean;
-                borderType?: string;
-                color?: string;
-                height?: number;
-                offsetX?: number;
-                offsetY?: number;
-            };
-            tickPlacement?: string;
-            tickAmount?: number | "dataPoints";
-            stepSize?: number;
-            min?: number;
-            max?: number;
-            range?: number;
-            floating?: boolean;
-            decimalsInFloat?: number;
-            position?: string;
-            title?: {
-                text?: string;
-                offsetX?: number;
-                offsetY?: number;
-                style?: {
-                    color?: string;
-                    fontFamily?: string;
-                    fontWeight?: string | number;
-                    fontSize?: string;
-                    cssClass?: string;
-                };
-            };
-            crosshairs?: {
-                show?: boolean;
-                width?: number | string;
-                position?: string;
-                opacity?: number;
-                stroke?: {
-                    color?: string;
-                    width?: number;
-                    dashArray?: number;
-                };
-                fill?: {
-                    type?: string;
-                    color?: string;
-                    gradient?: {
-                        colorFrom?: string;
-                        colorTo?: string;
-                        stops?: number[];
-                        opacityFrom?: number;
-                        opacityTo?: number;
-                    };
-                };
-                dropShadow?: {
-                    enabled?: boolean;
-                    top?: number;
-                    left?: number;
-                    blur?: number;
-                    opacity?: number;
-                    color?: string;
-                };
-            };
-            tooltip?: {
-                enabled?: boolean;
-                offsetY?: number;
-                formatter?(value: string | number, opts?: object): string;
-                style?: {
-                    fontSize?: string;
-                    fontFamily?: string;
-                };
-            };
-        };
-        yaxis?: {
-            show?: boolean;
-            showAlways?: boolean;
-            showForNullSeries?: boolean;
-            seriesName?: string | string[];
-            opposite?: boolean;
-            reversed?: boolean;
-            logarithmic?: boolean;
-            logBase?: number;
-            tickAmount?: number;
-            stepSize?: number;
-            forceNiceScale?: boolean;
-            min?: number | ((min: number) => number);
-            max?: number | ((max: number) => number);
-            floating?: boolean;
-            decimalsInFloat?: number;
-            labels?: {
-                show?: boolean;
-                showDuplicates?: boolean;
-                minWidth?: number;
-                maxWidth?: number;
-                offsetX?: number;
-                offsetY?: number;
-                rotate?: number;
-                align?: "left" | "center" | "right";
-                padding?: number;
-                style?: {
-                    colors?: string | string[];
-                    fontSize?: string;
-                    fontWeight?: string | number;
-                    fontFamily?: string;
-                    cssClass?: string;
-                };
-                formatter?(val: number, opts?: any): string | string[];
-            };
-            axisBorder?: {
-                show?: boolean;
-                color?: string;
-                width?: number;
-                offsetX?: number;
-                offsetY?: number;
-            };
-            axisTicks?: {
-                show?: boolean;
-                color?: string;
-                width?: number;
-                offsetX?: number;
-                offsetY?: number;
-            };
-            title?: {
-                text?: string;
-                rotate?: number;
-                offsetX?: number;
-                offsetY?: number;
-                style?: {
-                    color?: string;
-                    fontSize?: string;
-                    fontWeight?: string | number;
-                    fontFamily?: string;
-                    cssClass?: string;
-                };
-            };
-            crosshairs?: {
-                show?: boolean;
-                position?: string;
-                stroke?: {
-                    color?: string;
-                    width?: number;
-                    dashArray?: number;
-                };
-            };
-            tooltip?: {
-                enabled?: boolean;
-                offsetX?: number;
-            };
-        } | {
-            show?: boolean;
-            showAlways?: boolean;
-            showForNullSeries?: boolean;
-            seriesName?: string | string[];
-            opposite?: boolean;
-            reversed?: boolean;
-            logarithmic?: boolean;
-            logBase?: number;
-            tickAmount?: number;
-            stepSize?: number;
-            forceNiceScale?: boolean;
-            min?: number | ((min: number) => number);
-            max?: number | ((max: number) => number);
-            floating?: boolean;
-            decimalsInFloat?: number;
-            labels?: {
-                show?: boolean;
-                showDuplicates?: boolean;
-                minWidth?: number;
-                maxWidth?: number;
-                offsetX?: number;
-                offsetY?: number;
-                rotate?: number;
-                align?: "left" | "center" | "right";
-                padding?: number;
-                style?: {
-                    colors?: string | string[];
-                    fontSize?: string;
-                    fontWeight?: string | number;
-                    fontFamily?: string;
-                    cssClass?: string;
-                };
-                formatter?(val: number, opts?: any): string | string[];
-            };
-            axisBorder?: {
-                show?: boolean;
-                color?: string;
-                width?: number;
-                offsetX?: number;
-                offsetY?: number;
-            };
-            axisTicks?: {
-                show?: boolean;
-                color?: string;
-                width?: number;
-                offsetX?: number;
-                offsetY?: number;
-            };
-            title?: {
-                text?: string;
-                rotate?: number;
-                offsetX?: number;
-                offsetY?: number;
-                style?: {
-                    color?: string;
-                    fontSize?: string;
-                    fontWeight?: string | number;
-                    fontFamily?: string;
-                    cssClass?: string;
-                };
-            };
-            crosshairs?: {
-                show?: boolean;
-                position?: string;
-                stroke?: {
-                    color?: string;
-                    width?: number;
-                    dashArray?: number;
-                };
-            };
-            tooltip?: {
-                enabled?: boolean;
-                offsetX?: number;
-            };
-        }[];
-    };
+    apexAreaChartDefaultOption: ApexOptions;
     apexBarChartDefaultOption: ApexOptions;
     apexColumnChartDefaultOption: ApexOptions;
     apexMixedChartDefaultOption: ApexOptions;