ng-apexcharts/lib/model/apex-types.d.ts

An angular implementation of ApexCharts

export interface ApexOptions {
    annotations?: ApexAnnotations;
    chart?: ApexChart;
    colors?: any[];
    dataLabels?: ApexDataLabels;
    series?: ApexAxisChartSeries | ApexNonAxisChartSeries;
    stroke?: ApexStroke;
    labels?: string[];
    legend?: ApexLegend;
    fill?: ApexFill;
    tooltip?: ApexTooltip;
    plotOptions?: ApexPlotOptions;
    responsive?: ApexResponsive[];
    markers?: ApexMarkers;
    noData?: ApexNoData;
    xaxis?: ApexXAxis;
    yaxis?: ApexYAxis | ApexYAxis[];
    forecastDataPoints?: ApexForecastDataPoints;
    grid?: ApexGrid;
    states?: ApexStates;
    title?: ApexTitleSubtitle;
    subtitle?: ApexTitleSubtitle;
    theme?: ApexTheme;
}
interface ApexDropShadow {
    enabled?: boolean;
    top?: number;
    left?: number;
    blur?: number;
    opacity?: number;
    color?: string;
}
/**
 * Main Chart options
 * See https://apexcharts.com/docs/options/chart/
 */
export interface ApexChart {
    width?: string | number;
    height?: string | number;
    type: ChartType;
    foreColor?: string;
    fontFamily?: string;
    background?: string;
    offsetX?: number;
    offsetY?: number;
    dropShadow?: ApexDropShadow & {
        enabledOnSeries?: undefined | number[];
        color?: string | 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;
        legendClick?(chart: any, seriesIndex?: number, options?: any): void;
        markerClick?(e: any, chart?: any, options?: any): void;
        xAxisLabelClick?(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;
    };
    brush?: {
        enabled?: boolean;
        autoScaleYaxis?: boolean;
        target?: string;
        targets?: string[];
    };
    id?: string;
    group?: string;
    nonce?: string;
    locales?: ApexLocale[];
    defaultLocale?: string;
    parentHeightOffset?: number;
    redrawOnParentResize?: boolean;
    redrawOnWindowResize?: boolean | Function;
    sparkline?: {
        enabled?: boolean;
    };
    stacked?: boolean;
    stackOnlyBar?: boolean;
    stackType?: "normal" | "100%";
    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;
                dateFormatter?(timestamp?: number): any;
            };
            svg?: {
                filename?: undefined | string;
            };
            png?: {
                filename?: undefined | string;
            };
        };
        autoSelected?: "zoom" | "selection" | "pan";
    };
    zoom?: {
        enabled?: boolean;
        type?: "x" | "y" | "xy";
        autoScaleYaxis?: 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;
        easing?: "linear" | "easein" | "easeout" | "easeinout";
        speed?: number;
        animateGradually?: {
            enabled?: boolean;
            delay?: number;
        };
        dynamicAnimation?: {
            enabled?: boolean;
            speed?: number;
        };
    };
}
export interface ApexStates {
    normal?: {
        filter?: {
            type?: string;
            value?: number;
        };
    };
    hover?: {
        filter?: {
            type?: string;
            value?: number;
        };
    };
    active?: {
        allowMultipleDataPointsSelection?: boolean;
        filter?: {
            type?: string;
            value?: number;
        };
    };
}
/**
 * Chart Title options
 * See https://apexcharts.com/docs/options/title/
 */
export interface ApexTitleSubtitle {
    text?: string;
    align?: "left" | "center" | "right";
    margin?: number;
    offsetX?: number;
    offsetY?: number;
    floating?: boolean;
    style?: {
        fontSize?: string;
        fontFamily?: string;
        fontWeight?: string | number;
        color?: string;
    };
}
/**
 * Chart Series options.
 * Use ApexNonAxisChartSeries for Pie and Donut charts.
 * See https://apexcharts.com/docs/options/series/
 */
export declare type ApexAxisChartSeries = {
    name?: string;
    type?: string;
    color?: string;
    group?: string;
    zIndex?: number;
    data: (number | null)[] | {
        x: any;
        y: any;
        fill?: ApexFill;
        fillColor?: string;
        strokeColor?: string;
        meta?: any;
        goals?: any;
        barHeightOffset?: number;
        columnWidthOffset?: number;
    }[] | [number, number | null][] | [number, (number | null)[]][] | number[][];
}[];
export declare type ApexNonAxisChartSeries = number[];
/**
 * Options for the line drawn on line and area charts.
 * See https://apexcharts.com/docs/options/stroke/
 */
export interface ApexStroke {
    show?: boolean;
    curve?: "smooth" | "straight" | "stepline" | "monotoneCubic" | ("smooth" | "straight" | "stepline" | "monotoneCubic")[];
    lineCap?: "butt" | "square" | "round";
    colors?: any[];
    width?: number | number[];
    dashArray?: number | number[];
    fill?: ApexFill;
}
export interface ApexAnnotations {
    yaxis?: YAxisAnnotations[];
    xaxis?: XAxisAnnotations[];
    points?: PointAnnotations[];
    texts?: TextAnnotations[];
    images?: ImageAnnotations[];
}
export interface AnnotationLabel {
    borderColor?: string;
    borderWidth?: number;
    borderRadius?: number;
    text?: string;
    textAnchor?: string;
    offsetX?: number;
    offsetY?: number;
    style?: AnnotationStyle;
    position?: string;
    orientation?: string;
    mouseEnter?: Function;
    mouseLeave?: Function;
    click?: Function;
}
export interface AnnotationStyle {
    background?: string;
    color?: string;
    fontSize?: string;
    fontFamily?: string;
    fontWeight?: string | number;
    cssClass?: string;
    padding?: {
        left?: number;
        right?: number;
        top?: number;
        bottom?: number;
    };
}
export interface XAxisAnnotations {
    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?: AnnotationLabel;
}
export interface YAxisAnnotations {
    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?: AnnotationLabel;
}
export interface PointAnnotations {
    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;
        radius?: number;
        cssClass?: string;
    };
    label?: AnnotationLabel;
    image?: {
        path?: string;
        width?: number;
        height?: number;
        offsetX?: number;
        offsetY?: number;
    };
}
export interface ImageAnnotations {
    path?: string;
    x?: number;
    y?: number;
    width?: number;
    height?: number;
    appendTo?: string;
}
export interface TextAnnotations {
    x?: number;
    y?: number;
    text?: string;
    textAnchor?: string;
    foreColor?: string;
    fontSize?: string | number;
    fontFamily?: undefined | string;
    fontWeight?: string | number;
    appendTo?: string;
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: number;
    borderWidth?: number;
    paddingLeft?: number;
    paddingRight?: number;
    paddingTop?: number;
    paddingBottom?: number;
}
/**
 * Options for localization.
 * See https://apexcharts.com/docs/options/chart/locales
 */
export interface ApexLocale {
    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;
            menu?: string;
        };
    };
}
/**
 * PlotOptions for specifying chart-type-specific configuration.
 * See https://apexcharts.com/docs/options/plotoptions/bar/
 */
export interface ApexPlotOptions {
    line?: {
        isSlopeChart?: boolean;
    };
    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?: {
        colors?: {
            upward?: string;
            downward?: string;
        };
        wick?: {
            useFillColor?: boolean;
        };
    };
    boxPlot?: {
        colors?: {
            upper?: string;
            lower?: 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;
        };
    };
    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: string): string;
                };
                total?: {
                    show?: boolean;
                    showAlways?: boolean;
                    fontFamily?: string;
                    fontSize?: string;
                    fontWeight?: string | number;
                    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?: ApexDropShadow;
        };
        track?: {
            show?: boolean;
            startAngle?: number;
            endAngle?: number;
            background?: string | string[];
            strokeWidth?: string;
            opacity?: number;
            margin?: number;
            dropShadow?: ApexDropShadow;
        };
        dataLabels?: {
            show?: boolean;
            name?: {
                show?: boolean;
                fontSize?: string;
                fontFamily?: string;
                fontWeight?: string | number;
                color?: string;
                offsetY?: number;
            };
            value?: {
                show?: boolean;
                fontSize?: string;
                fontFamily?: string;
                fontWeight?: string | number;
                color?: string;
                offsetY?: number;
                formatter?(val: number): string;
            };
            total?: {
                show?: boolean;
                label?: string;
                fontFamily?: string;
                fontSize?: string;
                fontWeight?: string | number;
                color?: string;
                formatter?(opts: any): string;
            };
        };
        barLabels?: {
            enabled?: boolean;
            margin?: number;
            useSeriesColors?: boolean;
            fontFamily?: string;
            fontWeight?: string | number;
            fontSize?: string;
            formatter?: (barName: string, opts?: any) => string;
            onClick?: (barName: string, opts?: any) => void;
        };
    };
}
declare type ApexColorStop = {
    offset: number;
    color: string;
    opacity: number;
};
export interface ApexFill {
    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?: ApexColorStop[][] | ApexColorStop[];
    };
    image?: {
        src?: string | string[];
        width?: number;
        height?: number;
    };
    pattern?: {
        style?: string | string[];
        width?: number;
        height?: number;
        strokeWidth?: number;
    };
}
/**
 * Chart Legend configuration options.
 * See https://apexcharts.com/docs/options/legend/
 */
export interface ApexLegend {
    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;
    textAnchor?: string;
    customLegendItems?: string[];
    labels?: {
        colors?: string | string[];
        useSeriesColors?: boolean;
    };
    markers?: {
        width?: number;
        height?: number;
        strokeColor?: string;
        strokeWidth?: number;
        fillColors?: string[];
        offsetX?: number;
        offsetY?: number;
        radius?: number;
        customHTML?(): any;
        onClick?(): void;
    };
    itemMargin?: {
        horizontal?: number;
        vertical?: number;
    };
    containerMargin?: {
        left?: number;
        top?: number;
    };
    onItemClick?: {
        toggleDataSeries?: boolean;
    };
    onItemHover?: {
        highlightDataSeries?: boolean;
    };
    formatter?(legendName: string, opts?: any): string;
    tooltipHoverFormatter?(legendName: string, opts?: any): string;
}
/**
 * Chart Datalabels options
 * See https://apexcharts.com/docs/options/datalabels/
 */
export interface ApexDataLabels {
    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;
        borderRadius?: number;
        padding?: number;
        opacity?: number;
        borderWidth?: number;
        borderColor?: string;
        dropShadow?: ApexDropShadow;
    };
    dropShadow?: ApexDropShadow;
    formatter?(val: string | number | number[], opts?: any): string | number;
}
export interface ApexResponsive {
    breakpoint?: number;
    options?: any;
}
declare type ApexTooltipY = {
    title?: {
        formatter?(seriesName: string): string;
    };
    formatter?(val: number, opts?: any): string;
};
/**
 * Chart Tooltip options
 * See https://apexcharts.com/docs/options/tooltip/
 */
export interface ApexTooltip {
    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: number, opts?: any): string;
    };
    y?: ApexTooltipY | ApexTooltipY[];
    z?: {
        title?: string;
        formatter?(val: number): string;
    };
    marker?: {
        show?: boolean;
        fillColors?: string[];
    };
    items?: {
        display?: string;
    };
    fixed?: {
        enabled?: boolean;
        position?: string;
        offsetX?: number;
        offsetY?: number;
    };
}
/**
 * X Axis options
 * See https://apexcharts.com/docs/options/xaxis/
 */
export interface ApexXAxis {
    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;
            fontWeight?: string | number;
            fontFamily?: string;
            cssClass?: string;
        };
        offsetX?: number;
        offsetY?: number;
        format?: string;
        datetimeUTC?: boolean;
        datetimeFormatter?: {
            year?: string;
            month?: string;
            day?: string;
            hour?: string;
            minute?: string;
            second?: string;
        };
        formatter?(value: string, timestamp?: number, opts?: any): string | 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;
        offsetX?: number;
        offsetY?: number;
        strokeWidth?: number;
    };
    axisTicks?: {
        show?: boolean;
        borderType?: string;
        color?: string;
        height?: number;
        offsetX?: number;
        offsetY?: number;
    };
    tickPlacement?: string;
    stepSize?: number;
    tickAmount?: number | "dataPoints";
    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?: ApexDropShadow;
    };
    tooltip?: {
        enabled?: boolean;
        offsetY?: number;
        style?: {
            fontSize?: string;
            fontFamily?: string;
        };
        formatter?(value: string, opts?: object): string;
    };
}
/**
 * Y Axis options
 * See https://apexcharts.com/docs/options/yaxis/
 */
export interface ApexYAxis {
    show?: boolean;
    showAlways?: boolean;
    showForNullSeries?: boolean;
    seriesName?: 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;
        minWidth?: number;
        maxWidth?: number;
        offsetX?: number;
        offsetY?: number;
        rotate?: number;
        align?: "left" | "center" | "right";
        padding?: number;
        style?: {
            colors?: string | string[];
            fontSize?: string;
            fontFamily?: string;
            fontWeight?: string | number;
            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;
            fontFamily?: string;
            fontWeight?: string | number;
            cssClass?: string;
        };
    };
    crosshairs?: {
        show?: boolean;
        position?: string;
        stroke?: {
            color?: string;
            width?: number;
            dashArray?: number;
        };
    };
    tooltip?: {
        enabled?: boolean;
        offsetX?: number;
    };
}
export interface ApexForecastDataPoints {
    count?: number;
    fillOpacity?: number;
    strokeWidth?: undefined | number;
    dashArray?: number;
}
/**
 * Plot X and Y grid options
 * See https://apexcharts.com/docs/options/grid/
 */
export interface ApexGrid {
    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;
    };
}
export interface ApexTheme {
    mode?: "light" | "dark";
    palette?: string;
    monochrome?: {
        enabled?: boolean;
        color?: string;
        shadeTo?: "light" | "dark";
        shadeIntensity?: number;
    };
}
declare type MarkerShapeOptions = "circle" | "square" | "rect" | "x" | "X" | "plus" | "+";
declare type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];
interface ApexDiscretePoint {
    seriesIndex?: number;
    dataPointIndex?: number;
    fillColor?: string;
    strokeColor?: string;
    size?: number;
    shape?: ApexMarkerShape;
}
export interface ApexMarkers {
    size?: number | number[];
    width?: number | number[];
    height?: number | number[];
    colors?: string[];
    strokeColors?: string | string[];
    strokeWidth?: number | number[];
    strokeOpacity?: number | number[];
    strokeDashArray?: number | number[];
    fillOpacity?: number | number[];
    discrete?: ApexDiscretePoint[];
    shape?: ApexMarkerShape;
    radius?: number;
    offsetX?: number;
    offsetY?: number;
    showNullDataPoints?: boolean;
    hover?: {
        size?: number;
        sizeOffset?: number;
    };
    onClick?(e?: any): void;
    onDblClick?(e?: any): void;
}
export interface ApexNoData {
    text?: string;
    align?: "left" | "right" | "center";
    verticalAlign?: "top" | "middle" | "bottom";
    offsetX?: number;
    offsetY?: number;
    style?: {
        color?: string;
        fontSize?: string;
        fontFamily?: string;
    };
}
export declare type ChartType = "line" | "area" | "bar" | "pie" | "donut" | "radialBar" | "scatter" | "bubble" | "heatmap" | "candlestick" | "boxPlot" | "radar" | "polarArea" | "rangeBar" | "rangeArea" | "treemap";
export {};