import * as echarts from 'echarts/core';
export { echarts };
import { LegendComponentOption, DataZoomComponentOption, GridComponentOption, BarSeriesOption, CandlestickSeriesOption, CustomSeriesOption, GaugeSeriesOption, HeatmapSeriesOption, LineSeriesOption, PieSeriesOption, ScatterSeriesOption, SankeySeriesOption, SunburstSeriesOption } from 'echarts';
export { AxisPointerComponentOption, BarSeriesOption, BrushComponentOption, CandlestickSeriesOption, CustomSeriesOption, DataZoomComponentOption, DatasetComponentOption, GaugeSeriesOption, GridComponentOption, HeatmapSeriesOption, LegendComponentOption, LineSeriesOption, MarkAreaComponentOption, MarkLineComponentOption, MarkPointComponentOption, PieSeriesOption, PolarComponentOption, SankeySeriesOption, ScatterSeriesOption, SingleAxisComponentOption, SunburstSeriesOption, TitleComponentOption, ToolboxComponentOption, TooltipComponentOption, VisualMapComponentOption } from 'echarts';
import * as _angular_core from '@angular/core';
import { AfterViewInit, OnChanges, OnInit, OnDestroy, ElementRef, SimpleChanges } from '@angular/core';
import { SiCustomLegendComponent, CustomLegend, CustomLegendItem, CustomLegendProps } from '@siemens/charts-ng/custom-legend';

/**
 * Copyright (c) Siemens 2016 - 2026
 * SPDX-License-Identifier: MIT
 */

type EChartSeriesOption = BarSeriesOption | CandlestickSeriesOption | CustomSeriesOption | GaugeSeriesOption | HeatmapSeriesOption | LineSeriesOption | PieSeriesOption | ScatterSeriesOption | SankeySeriesOption | SunburstSeriesOption | never;
type EChartSeries = EChartSeriesOption[];

interface EChartOption {
    legend?: LegendComponentOption[];
    dataZoom?: DataZoomComponentOption[];
    grid?: GridComponentOption | GridComponentOption[];
    series?: EChartSeries;
    [key: string]: any;
}

/**
 * Copyright (c) Siemens 2016 - 2026
 * SPDX-License-Identifier: MIT
 */
/** */
type AxisType = 'value' | 'category' | 'time' | 'log';
type XAxisPosition = 'top' | 'bottom';
type YAxisPosition = 'left' | 'right';
type FilterMode = 'none' | 'filter' | 'weakFilter' | 'empty';
type AxisData = (string | number | any)[];
interface ChartAxis {
    type: AxisType;
    offset?: number;
    name?: string;
    data?: AxisData;
    min?: number;
    max?: number;
    splitLine?: {
        show?: boolean;
    };
    axisLine?: {
        show?: boolean;
        onZero?: boolean;
    };
    splitNumber?: number;
    axisLabel?: any;
    show?: boolean;
    gridIndex?: number;
}
interface ChartXAxis extends ChartAxis {
    position?: XAxisPosition;
    [key: string]: any;
}
interface ChartYAxis extends ChartAxis {
    position?: YAxisPosition;
    scale?: boolean;
    [key: string]: any;
}
interface SeriesUpdate<SeriesType> {
    index: number;
    data: SeriesType;
}
interface AxisPointerEvent {
    seriesIndex?: number;
    dataIndex?: number;
}
interface DataZoomRange {
    startValue?: number | string | Date;
    endValue?: number | string | Date;
    visibleWidth?: number;
    start?: number;
    end?: number;
}
interface DataZoomEvent {
    rangeType: AxisType;
    rangeStart: number;
    rangeEnd: number;
    width?: number;
    autoZoomUpdate?: boolean;
    requested?: DataZoomRange;
    source?: string;
}
interface LineColor {
    [key: string]: {
        color: string;
        index: number;
    };
}
interface SeriesSelectionState {
    [key: string]: boolean;
}
interface SelectedLegendItem {
    legendItemName: string;
}
interface LegendItem {
    itemName: string;
    dataIndex: number;
    selected?: boolean;
    color?: string;
}
interface GridRectCoordinate {
    x: number;
    y: number;
    width: number;
    height: number;
    containerWidth: number;
    containerHeight: number;
}
interface CustomLegendMultiLineInfo {
    customLegendId: number;
    isCustomLegendMultilined: boolean;
}
interface SiSeriesOption {
    displayName?: string;
    customLegendToolTip?: string;
    visible?: boolean;
}

declare class SiChartBaseComponent implements AfterViewInit, OnChanges, OnInit, OnDestroy {
    /**
     * reference to the wrapper container. Used for setting scroll position, etc.
     *
     * @defaultValue
     * ```
     * viewChild.required<ElementRef>('chartContainerWrapper')
     * ```
     */
    readonly chartContainerWrapper: _angular_core.Signal<ElementRef<any>>;
    protected readonly chartContainer: _angular_core.Signal<ElementRef<any> | undefined>;
    protected readonly externalZoomSliderContainer: _angular_core.Signal<ElementRef<any> | undefined>;
    protected readonly siCustomLegend: _angular_core.Signal<readonly SiCustomLegendComponent[]>;
    /**
     * See [ECharts 5.x Documentation]{@link https://echarts.apache.org/en/option.html}
     * for all available options.
     */
    readonly options: _angular_core.InputSignal<EChartOption | undefined>;
    /** Used to override specific properties set in `options`. */
    readonly additionalOptions: _angular_core.InputSignal<EChartOption | undefined>;
    /** The title of the chart. */
    readonly title: _angular_core.InputSignal<string | undefined>;
    /** The subtitle of the chart. */
    readonly subTitle: _angular_core.InputSignal<string | undefined>;
    /**
     * Show Echarts legend
     *
     * @defaultValue true
     */
    readonly showLegend: _angular_core.ModelSignal<boolean>;
    /**
     * Enable to show a custom legend.
     * The custom legend offers additional features such as, scroll bar to avoid legend and chart overlapping,
     * Left and right alignment of legends based on y-axis, etc and many more.
     * @defaultValue false
     */
    readonly showCustomLegend: _angular_core.InputSignal<boolean>;
    /**
     * the renderer to use: canvas or svg
     *
     * @defaultValue 'canvas'
     */
    readonly renderer: _angular_core.InputSignal<"canvas" | "svg">;
    /**
     * Enables the zoom slider below the chart.
     *
     * @defaultValue false
     */
    readonly zoomSlider: _angular_core.InputSignal<boolean>;
    /**
     * Shows data shadow in dataZoom slider, use together with `zoomSlider`.
     *
     * @defaultValue true
     */
    readonly zoomSliderShadow: _angular_core.InputSignal<boolean>;
    /**
     * realtime update mode for zoom slider
     *
     * @defaultValue true
     */
    readonly zoomSliderRealtime: _angular_core.InputSignal<boolean>;
    /**
     * enable brush mode for zoom slider
     *
     * @defaultValue true
     */
    readonly zoomSliderBrush: _angular_core.InputSignal<boolean>;
    /**
     * Enables zooming inside the chart with the mouse wheel/touch.
     *
     * Whether zooming inside the chart is possible with mouse.
     *
     * @defaultValue false
     */
    readonly zoomInside: _angular_core.InputSignal<boolean>;
    /**
     * Maximum number of series data points shown in the chart.
     *
     * @defaultValue 1000
     */
    readonly maxEntries: _angular_core.InputSignal<number>;
    /**
     * No auto dataZoom update) by default. Use together with `autoZoomSeriesIndex`.
     *
     * @defaultValue -1
     */
    readonly visibleEntries: _angular_core.ModelSignal<number>;
    /**
     * No auto dataZoom update) by default. Use together with `autoZoomSeriesIndex`.
     *
     * @defaultValue -1
     */
    readonly visibleRange: _angular_core.ModelSignal<number>;
    /**
     * No auto dataZoom update) by default. Use together with `visibleEntries`.
     *
     * @defaultValue -1
     */
    readonly autoZoomSeriesIndex: _angular_core.InputSignal<number>;
    /** The desired theme to load. */
    readonly theme: _angular_core.InputSignal<any>;
    /** Used to override specific options of loaded `theme`. */
    readonly themeCustomization: _angular_core.InputSignal<any>;
    /**
     * The name of the color palette (if any) of the loaded `theme`.
     *
     * @defaultValue undefined
     */
    readonly palette: _angular_core.InputSignal<string | undefined>;
    /**
     * Used to display `axisPointer` line either by click or mouse-move.
     *
     * @defaultValue false
     */
    readonly axisPointer: _angular_core.InputSignal<string | boolean | undefined>;
    /**
     * Apply a specific zoom range (see {@link https://echarts.apache.org/en/option.html#dataZoom-inside}).
     */
    readonly dataZoomRange: _angular_core.InputSignal<DataZoomRange | undefined>;
    /**
     * The lower limit of the data zoom slider (see {@link https://echarts.apache.org/en/option.html#dataZoom-slider.minValueSpan}).
     */
    readonly dataZoomMinValueSpan: _angular_core.InputSignal<number | undefined>;
    /**
     * The upper limit of the data zoom slider (see {@link https://echarts.apache.org/en/option.html#dataZoom-slider.maxValueSpan}).
     */
    readonly dataZoomMaxValueSpan: _angular_core.InputSignal<number | undefined>;
    /**
     * The data zoom filter mode. (see {@link https://echarts.apache.org/en/option.html#dataZoom-inside.filterMode})
     *
     * The value 'filter' will cause the lines to be disconnected to the outside of the chart.
     *
     * @defaultValue 'none'
     */
    readonly dataZoomFilterMode: _angular_core.InputSignal<FilterMode>;
    /**
     * Enable custom legend click actions exposed by the `selectionChanged` event.
     */
    readonly customLegendAction: _angular_core.InputSignal<boolean | undefined>;
    /**
     * Specify selected legend item.
     *
     * @defaultValue
     * ```
     * { legendItemName: '' }
     * ```
     */
    readonly selectedItem: _angular_core.InputSignal<SelectedLegendItem>;
    /**
     * The height of the ECharts container as decimal.
     */
    readonly eChartContainerHeight: _angular_core.InputSignal<string | null | undefined>;
    /**
     * Flag to use external zoom slider
     *
     * @defaultValue false
     */
    readonly externalZoomSlider: _angular_core.InputSignal<boolean>;
    /** External XAxis Formatter from consumer */
    readonly externalXAxisFormatter: _angular_core.InputSignal<((value: any, visibleRange: number) => string) | undefined>;
    /**
     * If true, add consumer-provided time range bar. Use together with `zoomSlider`.
     * @deprecated The input will be removed in future versions as the time range bar slot is deprecated.
     *
     * @defaultValue false
     */
    readonly showTimeRangeBar: _angular_core.InputSignal<boolean>;
    /** Event emitted when data zoom changes. */
    readonly dataZoom: _angular_core.OutputEmitterRef<DataZoomEvent>;
    /** Event emitted when axis pointer moves. */
    readonly pointer: _angular_core.OutputEmitterRef<AxisPointerEvent>;
    /** Event emitted when selection changes e.g. clicking on a legend item. */
    readonly selectionChanged: _angular_core.OutputEmitterRef<any>;
    /** Event emitted when a chart series is clicked. */
    readonly chartSeriesClick: _angular_core.OutputEmitterRef<LegendItem>;
    /** Event emitted when chart grid is resized. */
    readonly chartGridResized: _angular_core.OutputEmitterRef<GridRectCoordinate>;
    /** Event emitted when custom legend multi-line info changes. */
    readonly customLegendMultiLineInfoEvent: _angular_core.OutputEmitterRef<CustomLegendMultiLineInfo[]>;
    /** Emitted when data zoom changes, indicating the time range in milliseconds, 0 for full range */
    readonly timeRangeChange: _angular_core.OutputEmitterRef<number>;
    /** Allow to override options specific for a chart type. */
    protected actualOptions: EChartOption;
    protected customLegend: CustomLegend[];
    /** @internal */
    chart: echarts.ECharts;
    private extZoomSliderChart;
    private echartElement;
    private eChartExtSliderElement;
    protected readonly inProgress: _angular_core.WritableSignal<boolean>;
    protected readonly backgroundColor: _angular_core.WritableSignal<string>;
    protected readonly textColor: _angular_core.WritableSignal<string>;
    protected readonly titleColor: _angular_core.WritableSignal<string>;
    protected readonly subTitleColor: _angular_core.WritableSignal<string>;
    private selectedSeriesColors;
    private unselectedSeriesColors;
    private seriesSelectionState;
    protected readonly containerHeight: _angular_core.WritableSignal<number | null>;
    protected activeTheme: any;
    protected autoZoomUpdate: boolean;
    private prevAxisPointer;
    private lastValidDataZoom;
    private presetDataZoomRange?;
    private dataZoomSetupDone;
    private requestedDataZoom?;
    private measureCanvas?;
    private readonly cdRef;
    private readonly ngZone;
    protected curWidth: number;
    protected curHeight: number;
    protected readonly timeBarBottom: _angular_core.WritableSignal<number>;
    protected readonly timeBarLeft: _angular_core.WritableSignal<number>;
    protected readonly timeBarRight: _angular_core.WritableSignal<number>;
    protected readonly timeBarHeight: _angular_core.WritableSignal<number>;
    private gridCoordinates;
    private customLegendsMultiLineInfo;
    protected extZoomSliderOptions: EChartOption;
    private readonly echartMouseDown;
    private readonly echartMouseUp;
    private readonly echartExtSliderMouseDown;
    private readonly echartExtSliderMouseUp;
    protected readonly shapePaths: Record<string, string>;
    /**
     * Allow consuming applications to re-draw chart on window resizes.
     */
    resize(): void;
    ngOnChanges(changes: SimpleChanges<unknown>): void;
    ngOnInit(): void;
    ngAfterViewInit(skipZoom?: boolean): void;
    private calculateTextWidth;
    private disposeChart;
    ngOnDestroy(): void;
    /**
     * Switch theme using echarts api, which does not need reloading the whole chart.
     */
    themeSwitch(): void;
    /**
     * Re-render the whole chart.
     * @deprecated The method is deprecated and should not be used directly by the consumer.
     */
    resetChart(): void;
    protected handleLegendClick(legend: CustomLegendItem): void;
    protected handleLegendHover(legend: CustomLegendItem, start: boolean): void;
    /**
     * Toggle visibility of a series.
     */
    toggleSeriesVisibility(name: string, visible: boolean): void;
    private doToggleSeriesVisibility;
    private findCustomLegendItem;
    protected getValidXAxis(): Set<number> | undefined;
    protected setZoomMode(): void;
    private applyTheme;
    protected themeChanged(): void;
    protected applyOptions(): void;
    protected applyCustomLegendPosition(): void;
    private applyAdditionalOptions;
    private applyPalette;
    protected applyDataZoom(): void;
    private handleAxisPointer;
    private handleAxisPointerSingleAxis;
    protected hasDataZoom(): boolean;
    protected getThemeValue(props: string[], defaultValue: any, ns?: string): any;
    protected getThemeCustomValue(props: string[], defaultValue: any): any;
    protected applyTitles(): void;
    private modifyTopAlignment;
    protected afterChartInit(skipZoom?: boolean): void;
    protected afterChartResize(): void;
    private getEChartInner;
    private getEChartExternalSliderInner;
    private handleExtChartMouseDown;
    private handleExtChartMouseUp;
    private handleChartMouseDown;
    private handleChartMouseUp;
    private setDataZoomRange;
    private handleDataZoom;
    private handleExtDataZoom;
    protected handleSelectionChanged(event: any): void;
    /**
     * Creates two objects that stores the colors for selected and unselected series. Used only for custom legend actions.
     */
    protected fetchSeriesColors(colorsToBeUSed?: any): void;
    /**
     * Handles legend select event in non echart native way.
     * @param event -  legend select
     */
    protected handleSelectionChangedCustom(event: any): void;
    /**
     * Handles click on series in non echart native way.
     * @param event -  click
     */
    protected handleClickOnChart(event: any, toggleVisibility: boolean): void;
    /**
     * Selects or unselects the series based on series state object
     * @param seriesName -  series to be selected/unselected
     * @param emit -  if true event is emitted otherwise no event is emitted
     */
    protected styleSelectedSeries(seriesName: string, emit: boolean, seriesDataIndex: number): any;
    /**
     * Selects the series
     * @param element -  to be styled as selected
     * @param emit -  if true event is emitted otherwise no event is emitted
     */
    protected selectSeries(element: any, emit: boolean, seriesDataIndex: number): any;
    /**
     * Unselects the series
     * @param element - to be styled as unselected
     * @param emit - if true event is emitted otherwise no event is emitted
     */
    protected unselectSeries(element: any, emit: boolean, seriesDataIndex: number): {
        color: any;
        series: (EChartSeries | undefined)[];
    };
    private isValidDataZoomValue;
    private saveCurrentDataZoom;
    /**
     * Get color by series name.
     */
    getSeriesColorBySeriesName(seriesName: string): string | undefined;
    private doGetSeriesColorBySeriesName;
    private applyColorsToCustomLegends;
    private handleUpdateAxisPointer;
    /**
     * Get current data zoom range.
     */
    getVisibleRange(): DataZoomEvent | undefined;
    protected internalGetModel(): any;
    /**
     * returns the current EChart options, w/o cloning anything. Be very careful
     * not to change anything in the data structure in it.
     */
    getOptionNoClone(): any;
    protected parsePercent(percent: string | number, all: number): number;
    private doGetVisibleRange;
    protected updateEChart(force?: boolean, options?: EChartOption): void;
    protected updateAxisAndDataZoom(inOptions?: EChartOption): boolean;
    /**
     * Send action to echart.
     * @see https://echarts.apache.org/en/api.html#action
     */
    dispatchEChartAction(action: echarts.Payload): void;
    private getSeriesMinMax;
    private calculateVisibleRange;
    private getValueFromSeriesPoint;
    private calculateZoomStartValue;
    protected hasData(): boolean;
    /**
     * Re-render the chart series data. This method should be called on series data changes.
     */
    refreshSeries(isLive?: boolean, dzToSet?: DataZoomRange): void;
    private updateDataZoom;
    private doUpdateDZ;
    protected applyStyles(): void;
    protected addLegendItem(name: string, visible?: boolean | null, index?: number, gridIndex?: number, customLegendProp?: CustomLegendProps, seriesSymbol?: string): void;
    private getPath;
    private addCustomLegend;
    /**
     * Show loading indicator.
     */
    startProgressIndication(): void;
    /**
     * Hide loading indicator.
     */
    stopProgressIndication(): void;
    /**
     * Set the data zoom range for the chart in milliseconds.
     * As an example one hour is the value 3600000.
     */
    setTimeRange(range: number): void;
    protected addDataInternal(series: SeriesUpdate<any>[]): void;
    private getPresetDataZoom;
    private checkGridSizeChange;
    private gridSizeItemChanged;
    private setContainerHeight;
    private updateCustomLegendMultiLineInfo;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartBaseComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartBaseComponent, "si-chart-base", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "additionalOptions": { "alias": "additionalOptions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showCustomLegend": { "alias": "showCustomLegend"; "required": false; "isSignal": true; }; "renderer": { "alias": "renderer"; "required": false; "isSignal": true; }; "zoomSlider": { "alias": "zoomSlider"; "required": false; "isSignal": true; }; "zoomSliderShadow": { "alias": "zoomSliderShadow"; "required": false; "isSignal": true; }; "zoomSliderRealtime": { "alias": "zoomSliderRealtime"; "required": false; "isSignal": true; }; "zoomSliderBrush": { "alias": "zoomSliderBrush"; "required": false; "isSignal": true; }; "zoomInside": { "alias": "zoomInside"; "required": false; "isSignal": true; }; "maxEntries": { "alias": "maxEntries"; "required": false; "isSignal": true; }; "visibleEntries": { "alias": "visibleEntries"; "required": false; "isSignal": true; }; "visibleRange": { "alias": "visibleRange"; "required": false; "isSignal": true; }; "autoZoomSeriesIndex": { "alias": "autoZoomSeriesIndex"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "themeCustomization": { "alias": "themeCustomization"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "axisPointer": { "alias": "axisPointer"; "required": false; "isSignal": true; }; "dataZoomRange": { "alias": "dataZoomRange"; "required": false; "isSignal": true; }; "dataZoomMinValueSpan": { "alias": "dataZoomMinValueSpan"; "required": false; "isSignal": true; }; "dataZoomMaxValueSpan": { "alias": "dataZoomMaxValueSpan"; "required": false; "isSignal": true; }; "dataZoomFilterMode": { "alias": "dataZoomFilterMode"; "required": false; "isSignal": true; }; "customLegendAction": { "alias": "customLegendAction"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "eChartContainerHeight": { "alias": "eChartContainerHeight"; "required": false; "isSignal": true; }; "externalZoomSlider": { "alias": "externalZoomSlider"; "required": false; "isSignal": true; }; "externalXAxisFormatter": { "alias": "externalXAxisFormatter"; "required": false; "isSignal": true; }; "showTimeRangeBar": { "alias": "showTimeRangeBar"; "required": false; "isSignal": true; }; }, { "showLegend": "showLegendChange"; "visibleEntries": "visibleEntriesChange"; "visibleRange": "visibleRangeChange"; "dataZoom": "dataZoom"; "pointer": "pointer"; "selectionChanged": "selectionChanged"; "chartSeriesClick": "chartSeriesClick"; "chartGridResized": "chartGridResized"; "customLegendMultiLineInfoEvent": "customLegendMultiLineInfoEvent"; "timeRangeChange": "timeRangeChange"; }, never, ["[slot=timeRangeBar]"], true, never>;
}

declare const themeSupport: {
    _defaultTheme: {
        name: string;
        style: () => {
            textStyle: {
                fontFamily: string | undefined;
            };
            richInheritPlainLabel: boolean;
            color: string[];
            gradientColor: string[];
            backgroundColor: string;
            animationDuration: number;
            title: {
                left: number;
                top: number;
                padding: number[];
                textStyle: {
                    fontFamily: string | undefined;
                    lineHeight: number;
                    fontSize: number;
                    color: string;
                };
                subtextStyle: {
                    fontFamily: string | undefined;
                    lineHeight: number;
                    fontSize: number;
                    color: string;
                };
            };
            legend: {
                backgroundColor: string;
                inactiveColor: string;
                left: string;
                right: number;
                top: number;
                itemGap: number;
                textStyle: {
                    fontFamily: string | undefined;
                    color: string;
                    lineHeight: number;
                    fontSize: number;
                };
                icon: string;
                pageTextStyle: {
                    color: string;
                };
                itemStyle: {
                    borderWidth: number;
                    itemGap: number;
                };
            };
            tooltip: {
                borderWidth: number;
                backgroundColor: string;
                textStyle: {
                    fontFamily: string | undefined;
                    color: string;
                    fontWeight: number;
                };
                padding: number[];
                axisPointer: {
                    crossStyle: {
                        color: string;
                        width: number;
                    };
                };
                formatter: (p: object | object[]) => string;
            };
            axisPointer: {
                label: {
                    fontFamily: string | undefined;
                    color: string;
                    backgroundColor: string;
                    lineHeight: number;
                    fontSize: number;
                };
                lineStyle: {
                    color: string;
                    width: number;
                };
                handle: {
                    color: string;
                    margin: number;
                };
            };
            grid: {
                top: number;
                left: number;
                right: number;
                bottom: number;
                containLabel: boolean;
            };
            valueAxis: {
                nameTextStyle: {
                    fontFamily: string | undefined;
                    color: string;
                };
                axisLine: {
                    show: boolean;
                    lineStyle: {
                        color: string;
                    };
                };
                axisLabel: {
                    fontFamily: string | undefined;
                    color: string;
                    lineHeight: number;
                    fontSize: number;
                    hideOverlap: boolean;
                };
                axisTick: {
                    alignWithLabel: boolean;
                };
                splitLine: {
                    lineStyle: {
                        color: string;
                    };
                };
            };
            timeAxis: {
                inverse: boolean;
                nameTextStyle: {
                    fontFamily: string | undefined;
                    color: string;
                };
                axisLine: {
                    show: boolean;
                    lineStyle: {
                        color: string;
                    };
                };
                axisLabel: {
                    fontFamily: string | undefined;
                    color: string;
                    lineHeight: number;
                    fontSize: number;
                    hideOverlap: boolean;
                };
                axisTick: {
                    show: boolean;
                    alignWithLabel: boolean;
                };
                splitLine: {
                    lineStyle: {
                        color: string;
                    };
                };
            };
            categoryAxis: {
                inverse: boolean;
                nameTextStyle: {
                    fontFamily: string | undefined;
                    color: string;
                };
                axisLine: {
                    show: boolean;
                    lineStyle: {
                        color: string;
                    };
                };
                axisLabel: {
                    fontFamily: string | undefined;
                    color: string;
                    lineHeight: number;
                    fontSize: number;
                    hideOverlap: boolean;
                };
                axisTick: {
                    show: boolean;
                    alignWithLabel: boolean;
                };
                splitLine: {
                    lineStyle: {
                        color: string;
                    };
                };
            };
            dataZoom: {
                textStyle: {
                    fontFamily: string | undefined;
                    color: string;
                    lineHeight: number;
                    fontSize: number;
                };
                borderColor: string;
                fillerColor: string;
                handleIcon: string;
                handleStyle: {
                    color: string;
                    borderColor: string;
                };
                moveHandleStyle: {
                    color: string;
                    opacity: number;
                };
                brushStyle: {
                    color: string;
                };
                dataBackground: {
                    areaStyle: {
                        color: string;
                    };
                    lineStyle: {
                        color: string;
                    };
                };
                selectedDataBackground: {
                    areaStyle: {
                        color: string;
                        opacity: number;
                    };
                    lineStyle: {
                        color: string;
                    };
                };
                emphasis: {
                    moveHandleStyle: {
                        color: string;
                        opacity: number;
                    };
                    handleStyle: {
                        color: string;
                        borderColor: string;
                    };
                };
            };
            toolbox: {
                feature: {
                    dataZoom: {
                        brushStyle: {
                            color: string;
                        };
                    };
                };
            };
            visualMap: {
                textStyle: {
                    color: string;
                };
            };
            graph: {
                color: string[];
            };
            bar: {
                barGap: number;
                label: {
                    fontFamily: string | undefined;
                    color: string;
                    fontSize: number;
                };
            };
            line: {
                areaStyle: {
                    opacity: number;
                };
                symbol: string;
                symbolSize: number;
            };
            pie: {
                radius: (string | number)[];
                label: {
                    distanceToLabelLine: number;
                    fontFamily: string | undefined;
                    formatter: string;
                    color: string;
                    lineHeight: number;
                    fontSize: number;
                };
                labelLine: {
                    length: number;
                    length2: number;
                    lineStyle: {
                        color: string;
                    };
                };
                itemStyle: {
                    borderWidth: number;
                    borderColor: string;
                };
            };
            candlestick: {
                itemStyle: {
                    color: string;
                    color0: string;
                    borderColor: string;
                    borderColor0: string;
                };
            };
            gauge: {
                detail: {
                    color: string;
                    rich: {
                        value: {
                            color: string;
                        };
                        unit: {
                            color: string;
                        };
                    };
                };
                axisLabel: {
                    fontFamily: string | undefined;
                    color: string;
                };
                axisTick: {
                    lineStyle: {
                        color: string;
                    };
                };
                splitLine: {
                    lineStyle: {
                        color: string;
                    };
                };
            };
            sankey: {
                label: {
                    fontFamily: string | undefined;
                    textBorderColor: string;
                    color: string;
                };
            };
            sunburst: {
                label: {
                    fontFamily: string | undefined;
                    textBorderColor: string;
                    color: string;
                };
            };
            simpl: {
                colorPalettes: {
                    default: string[];
                };
                dataZoom: {
                    options: {
                        height: number;
                        bottom: number;
                    };
                    grid: {
                        bottom: number;
                    };
                };
                timeRangeBar: {
                    height: number;
                };
                externalZoomSlider: {
                    grid: {
                        bottom: number;
                    };
                };
                legendLeft: {
                    left: number;
                    width: string;
                };
                legendRight: {
                    right: number;
                    width: string;
                };
                noTitle: {
                    grid: {
                        top: number;
                    };
                    legend: {
                        top: number;
                    };
                };
                subTitle: {
                    grid: {
                        top: number;
                    };
                    legend: {
                        top: number;
                    };
                };
                customLegend: {
                    grid: {
                        top: number;
                    };
                };
                progress: {
                    itemWidth: number;
                    itemGap: number;
                    grey: string;
                };
                progressBar: {
                    labelColor: string;
                    itemWidth: number;
                    grid: {
                        left: number;
                        right: number;
                        containLabel: boolean;
                    };
                };
                gauge: {
                    grey: string;
                    value: string;
                    unit: string;
                    defaultColor: string;
                };
            };
        };
    };
    _themes: {
        [key: string]: any;
    };
    registerTheme(theme: any): void;
    getThemeNames(): string[];
    getThemeByName(name: string): any;
    setDefault(theme: any): void;
    getDefault(): any;
};

declare const themeElement: {
    name: string;
    style: () => {
        textStyle: {
            fontFamily: string | undefined;
        };
        richInheritPlainLabel: boolean;
        color: string[];
        gradientColor: string[];
        backgroundColor: string;
        animationDuration: number;
        title: {
            left: number;
            top: number;
            padding: number[];
            textStyle: {
                fontFamily: string | undefined;
                lineHeight: number;
                fontSize: number;
                color: string;
            };
            subtextStyle: {
                fontFamily: string | undefined;
                lineHeight: number;
                fontSize: number;
                color: string;
            };
        };
        legend: {
            backgroundColor: string;
            inactiveColor: string;
            left: string;
            right: number;
            top: number;
            itemGap: number;
            textStyle: {
                fontFamily: string | undefined;
                color: string;
                lineHeight: number;
                fontSize: number;
            };
            icon: string;
            pageTextStyle: {
                color: string;
            };
            itemStyle: {
                borderWidth: number;
                itemGap: number;
            };
        };
        tooltip: {
            borderWidth: number;
            backgroundColor: string;
            textStyle: {
                fontFamily: string | undefined;
                color: string;
                fontWeight: number;
            };
            padding: number[];
            axisPointer: {
                crossStyle: {
                    color: string;
                    width: number;
                };
            };
            formatter: (p: object | object[]) => string;
        };
        axisPointer: {
            label: {
                fontFamily: string | undefined;
                color: string;
                backgroundColor: string;
                lineHeight: number;
                fontSize: number;
            };
            lineStyle: {
                color: string;
                width: number;
            };
            handle: {
                color: string;
                margin: number;
            };
        };
        grid: {
            top: number;
            left: number;
            right: number;
            bottom: number;
            containLabel: boolean;
        };
        valueAxis: {
            nameTextStyle: {
                fontFamily: string | undefined;
                color: string;
            };
            axisLine: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisLabel: {
                fontFamily: string | undefined;
                color: string;
                lineHeight: number;
                fontSize: number;
                hideOverlap: boolean;
            };
            axisTick: {
                alignWithLabel: boolean;
            };
            splitLine: {
                lineStyle: {
                    color: string;
                };
            };
        };
        timeAxis: {
            inverse: boolean;
            nameTextStyle: {
                fontFamily: string | undefined;
                color: string;
            };
            axisLine: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisLabel: {
                fontFamily: string | undefined;
                color: string;
                lineHeight: number;
                fontSize: number;
                hideOverlap: boolean;
            };
            axisTick: {
                show: boolean;
                alignWithLabel: boolean;
            };
            splitLine: {
                lineStyle: {
                    color: string;
                };
            };
        };
        categoryAxis: {
            inverse: boolean;
            nameTextStyle: {
                fontFamily: string | undefined;
                color: string;
            };
            axisLine: {
                show: boolean;
                lineStyle: {
                    color: string;
                };
            };
            axisLabel: {
                fontFamily: string | undefined;
                color: string;
                lineHeight: number;
                fontSize: number;
                hideOverlap: boolean;
            };
            axisTick: {
                show: boolean;
                alignWithLabel: boolean;
            };
            splitLine: {
                lineStyle: {
                    color: string;
                };
            };
        };
        dataZoom: {
            textStyle: {
                fontFamily: string | undefined;
                color: string;
                lineHeight: number;
                fontSize: number;
            };
            borderColor: string;
            fillerColor: string;
            handleIcon: string;
            handleStyle: {
                color: string;
                borderColor: string;
            };
            moveHandleStyle: {
                color: string;
                opacity: number;
            };
            brushStyle: {
                color: string;
            };
            dataBackground: {
                areaStyle: {
                    color: string;
                };
                lineStyle: {
                    color: string;
                };
            };
            selectedDataBackground: {
                areaStyle: {
                    color: string;
                    opacity: number;
                };
                lineStyle: {
                    color: string;
                };
            };
            emphasis: {
                moveHandleStyle: {
                    color: string;
                    opacity: number;
                };
                handleStyle: {
                    color: string;
                    borderColor: string;
                };
            };
        };
        toolbox: {
            feature: {
                dataZoom: {
                    brushStyle: {
                        color: string;
                    };
                };
            };
        };
        visualMap: {
            textStyle: {
                color: string;
            };
        };
        graph: {
            color: string[];
        };
        bar: {
            barGap: number;
            label: {
                fontFamily: string | undefined;
                color: string;
                fontSize: number;
            };
        };
        line: {
            areaStyle: {
                opacity: number;
            };
            symbol: string;
            symbolSize: number;
        };
        pie: {
            radius: (string | number)[];
            label: {
                distanceToLabelLine: number;
                fontFamily: string | undefined;
                formatter: string;
                color: string;
                lineHeight: number;
                fontSize: number;
            };
            labelLine: {
                length: number;
                length2: number;
                lineStyle: {
                    color: string;
                };
            };
            itemStyle: {
                borderWidth: number;
                borderColor: string;
            };
        };
        candlestick: {
            itemStyle: {
                color: string;
                color0: string;
                borderColor: string;
                borderColor0: string;
            };
        };
        gauge: {
            detail: {
                color: string;
                rich: {
                    value: {
                        color: string;
                    };
                    unit: {
                        color: string;
                    };
                };
            };
            axisLabel: {
                fontFamily: string | undefined;
                color: string;
            };
            axisTick: {
                lineStyle: {
                    color: string;
                };
            };
            splitLine: {
                lineStyle: {
                    color: string;
                };
            };
        };
        sankey: {
            label: {
                fontFamily: string | undefined;
                textBorderColor: string;
                color: string;
            };
        };
        sunburst: {
            label: {
                fontFamily: string | undefined;
                textBorderColor: string;
                color: string;
            };
        };
        simpl: {
            colorPalettes: {
                default: string[];
            };
            dataZoom: {
                options: {
                    height: number;
                    bottom: number;
                };
                grid: {
                    bottom: number;
                };
            };
            timeRangeBar: {
                height: number;
            };
            externalZoomSlider: {
                grid: {
                    bottom: number;
                };
            };
            legendLeft: {
                left: number;
                width: string;
            };
            legendRight: {
                right: number;
                width: string;
            };
            noTitle: {
                grid: {
                    top: number;
                };
                legend: {
                    top: number;
                };
            };
            subTitle: {
                grid: {
                    top: number;
                };
                legend: {
                    top: number;
                };
            };
            customLegend: {
                grid: {
                    top: number;
                };
            };
            progress: {
                itemWidth: number;
                itemGap: number;
                grey: string;
            };
            progressBar: {
                labelColor: string;
                itemWidth: number;
                grid: {
                    left: number;
                    right: number;
                    containLabel: boolean;
                };
            };
            gauge: {
                grey: string;
                value: string;
                unit: string;
                defaultColor: string;
            };
        };
    };
};

export { SiChartBaseComponent, themeElement, themeSupport };
export type { AxisData, AxisPointerEvent, AxisType, ChartXAxis, ChartYAxis, CustomLegendMultiLineInfo, DataZoomEvent, DataZoomRange, EChartOption, EChartSeries, EChartSeriesOption, FilterMode, GridRectCoordinate, LegendItem, LineColor, SelectedLegendItem, SeriesSelectionState, SeriesUpdate, SiSeriesOption, SiSeriesOption as SimplSeriesOption, XAxisPosition, YAxisPosition };