@vuu-ui/vuu-chart 4.0.0-alpha.21 → 4.0.0-alpha.22

package/src/options/mergeOptions.js

@@ -0,0 +1,37 @@
+const isPlainObject = (value)=>null !== value && "object" == typeof value && (Object.getPrototypeOf(value) === Object.prototype || null === Object.getPrototypeOf(value));
+const hasId = (value)=>isPlainObject(value) && void 0 !== value.id;
+const mergeArrays = (base, override)=>{
+    const result = base.slice();
+    override.forEach((item, i)=>{
+        if (hasId(item)) {
+            const index = result.findIndex((b)=>hasId(b) && b.id === item.id);
+            if (-1 !== index) result[index] = mergeValues(result[index], item);
+            else result.push(item);
+        } else if (i < result.length) result[i] = mergeValues(result[i], item);
+        else result.push(item);
+    });
+    return result;
+};
+const mergeValues = (base, override)=>{
+    if (void 0 === override) return base;
+    if (isPlainObject(base) && isPlainObject(override)) {
+        const result = {
+            ...base
+        };
+        for (const [key, value] of Object.entries(override))result[key] = mergeValues(base[key], value);
+        return result;
+    }
+    if (Array.isArray(override) && (Array.isArray(base) || isPlainObject(base))) {
+        const baseArray = Array.isArray(base) ? base : [
+            base
+        ];
+        if (override.every((o)=>isPlainObject(o))) return mergeArrays(baseArray, override);
+        return override;
+    }
+    if (Array.isArray(base) && isPlainObject(override)) return mergeArrays(base, [
+        override
+    ]);
+    return override;
+};
+const mergeEChartsOptions = (base, ...overrides)=>overrides.reduce((result, override)=>override ? mergeValues(result, override) : result, base);
+export { mergeEChartsOptions };

package/src/theme/chartTheme.js

@@ -0,0 +1,74 @@
+const defaultPalette = [
+    "#4676bf",
+    "#ab6528",
+    "#9f55c2",
+    "#2a8285",
+    "#697694",
+    "#b0549d",
+    "#c69d26",
+    "#5c8a3a"
+];
+const defaultChartTheme = {
+    axisLineColor: "#9fa3a8",
+    backgroundColor: "transparent",
+    crosshairColor: "#697694",
+    downColor: "#e52135",
+    fontFamily: "sans-serif",
+    foregroundColor: "#15171b",
+    heatmapColors: [
+        "#e2ebf8",
+        "#1b4f9c"
+    ],
+    palette: defaultPalette,
+    secondaryForegroundColor: "#5f646d",
+    splitLineColor: "#e6e8ea",
+    tooltipBackgroundColor: "#ffffff",
+    tooltipBorderColor: "#2670a9",
+    upColor: "#00875d"
+};
+const PALETTE_SIZE = 8;
+const read = (style, name, fallback)=>{
+    const value = style.getPropertyValue(name).trim();
+    return "" === value ? fallback : value;
+};
+const resolveChartTheme = (element, overrides)=>{
+    let theme = defaultChartTheme;
+    if (element && "function" == typeof getComputedStyle) {
+        const style = getComputedStyle(element);
+        const d = defaultChartTheme;
+        const palette = [];
+        for(let i = 0; i < PALETTE_SIZE; i++)palette.push(read(style, `--vuuChart-color-${i + 1}`, d.palette[i]));
+        theme = {
+            axisLineColor: read(style, "--vuuChart-axisLineColor", d.axisLineColor),
+            backgroundColor: read(style, "--vuuChart-background", d.backgroundColor),
+            crosshairColor: read(style, "--vuuChart-crosshairColor", d.crosshairColor),
+            downColor: read(style, "--vuuChart-downColor", d.downColor),
+            fontFamily: read(style, "--vuuChart-fontFamily", d.fontFamily),
+            foregroundColor: read(style, "--vuuChart-foreground", d.foregroundColor),
+            heatmapColors: [
+                read(style, "--vuuChart-heatmap-lowColor", d.heatmapColors[0]),
+                read(style, "--vuuChart-heatmap-highColor", d.heatmapColors[1])
+            ],
+            palette,
+            secondaryForegroundColor: read(style, "--vuuChart-secondaryForeground", d.secondaryForegroundColor),
+            splitLineColor: read(style, "--vuuChart-splitLineColor", d.splitLineColor),
+            tooltipBackgroundColor: read(style, "--vuuChart-tooltip-background", d.tooltipBackgroundColor),
+            tooltipBorderColor: read(style, "--vuuChart-tooltip-borderColor", d.tooltipBorderColor),
+            upColor: read(style, "--vuuChart-upColor", d.upColor)
+        };
+    }
+    return overrides ? {
+        ...theme,
+        ...overrides
+    } : theme;
+};
+const resolveColor = (color, theme)=>{
+    if ("up" === color) return theme.upColor;
+    if ("down" === color) return theme.downColor;
+    if (color?.startsWith("palette-")) {
+        const index = parseInt(color.slice(8), 10) - 1;
+        return theme.palette[index % theme.palette.length];
+    }
+    return color;
+};
+export { defaultChartTheme, defaultPalette, resolveChartTheme, resolveColor };

package/src/useChartOptions.js

@@ -1,5 +1,5 @@
 import { itemsChanged } from "@vuu-ui/vuu-utils";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { ChartSeries } from "./ChartSeries.js";
 import { chartTooltip } from "./chartTooltip.js";
 const defaultPalette = [
@@ -16,6 +16,7 @@ const combineConfig = (config, overrides)=>({
     });
 const useChartOptions = ({ categoryColumnName, config, dataExclusions, dataSource, itemColorFunction, palette = defaultPalette, seriesColumnNames, showTooltip = true, symbolSizeFunction: symbolSize })=>{
     const [, forceRender] = useState({});
+    const frameRef = useRef(void 0);
     const chartSeries = useMemo(()=>{
         const cs = new ChartSeries({
             config: combineConfig(config, {
@@ -26,12 +27,34 @@ const useChartOptions = ({ categoryColumnName, config, dataExclusions, dataSourc
             dataSource,
             palette
         });
-        cs.on("update", ()=>forceRender({}));
+        cs.on("update", ()=>{
+            if (void 0 === frameRef.current) frameRef.current = requestAnimationFrame(()=>{
+                frameRef.current = void 0;
+                forceRender({});
+            });
+        });
         return cs;
     }, [
         dataSource,
         config
     ]);
+    const chartSeriesRef = useRef(chartSeries);
+    chartSeriesRef.current = chartSeries;
+    useEffect(()=>{
+        chartSeries.subscribe();
+        return ()=>{
+            if (void 0 !== frameRef.current) {
+                cancelAnimationFrame(frameRef.current);
+                frameRef.current = void 0;
+            }
+            chartSeries.detach();
+        };
+    }, [
+        chartSeries
+    ]);
+    useEffect(()=>()=>{
+            chartSeriesRef.current.dispose();
+        }, []);
     useMemo(()=>{
         if (categoryColumnName !== chartSeries.categoryColumn) chartSeries.categoryColumn = categoryColumnName;
         if (itemsChanged(seriesColumnNames, chartSeries.seriesColumnNames)) chartSeries.seriesColumnNames = seriesColumnNames;

package/types/Chart.d.ts

@@ -1,28 +0,0 @@
-import { type ChartOptionsProps } from "./useChartOptions";
-import { type MeasuredContainerProps } from "@vuu-ui/vuu-ui-controls";
-type OptionSettings = {
-    notMerge: boolean;
-};
-type ChartSettings = {
-    /**
-     * Default value will be svg
-     */
-    renderer: "svg" | "canvas";
-    /**
-     * Enlarges 'click zone' around interactive elements.
-     * Default value true;
-     */
-    useCoarsePointer: boolean;
-};
-export interface ChartProps extends ChartOptionsProps, Omit<MeasuredContainerProps, "children" | "onResize"> {
-    chartSettings?: Partial<ChartSettings>;
-    optionSettings?: OptionSettings;
-    /**
-     * An array of color values that will be assigned, in the order given
-     * to rendered series.
-     */
-    palette?: string[];
-    showTooltip?: boolean;
-}
-export declare const Chart: ({ categoryColumnName, chartSettings, className, config, dataExclusions, dataSource, height, optionSettings, palette, resizeStrategy, showTooltip, style, seriesColumnNames, width, ...htmlAttributes }: ChartProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/types/ChartSeries.d.ts

@@ -1,32 +0,0 @@
-import { DataSource, DataSourceRow, DataSourceSubscribeCallback } from "@vuu-ui/vuu-data-types";
-import { EventEmitter } from "@vuu-ui/vuu-utils";
-import { Series } from "./chart-types";
-import { ChartConfig, DataExclusionOptions } from "./useChartOptions";
-export type DataSourceValue = {
-    key: string;
-    readonly row: DataSourceRow;
-    value: number | null;
-};
-export type ChartEvents = {
-    update: () => void;
-};
-export interface ChartSeriesConstructorProps {
-    dataExclusions?: DataExclusionOptions;
-    dataSource: DataSource;
-    config: ChartConfig;
-    palette: string[];
-}
-export declare class ChartSeries extends EventEmitter<ChartEvents> {
-    #private;
-    handleData: DataSourceSubscribeCallback;
-    buildCategoriesAndSeries(): void;
-    constructor({ config, dataExclusions, dataSource, palette, }: ChartSeriesConstructorProps);
-    get palette(): (string | undefined)[];
-    get categoryColumn(): string;
-    set categoryColumn(categoryColumn: string);
-    get seriesColumnNames(): string[];
-    set seriesColumnNames(seriesColumnNames: string[]);
-    get categories(): string[];
-    get series(): Series[];
-    private getCategoriesAndSeries;
-}

package/types/DataRowMovingWindow.d.ts

@@ -1,23 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-import { WindowRange } from "@vuu-ui/vuu-utils";
-export declare class MovingDataRowWindow {
-    #private;
-    data: DataSourceRow[];
-    rowCount: number;
-    constructor({ from, to }: VuuRange);
-    setRowCount: (rowCount: number) => void;
-    add(data: DataSourceRow): void;
-    getAtIndex(index: number): DataSourceRow | undefined;
-    getByKey(key: string): DataSourceRow | undefined;
-    isWithinRange(index: number): boolean;
-    setRange({ from, to }: VuuRange): void;
-    get hasData(): boolean;
-    /**
-     * This will throw if there is no data. Check `hasData` first
-     * to guard against this, if not certain.
-     */
-    get firstRow(): DataSourceRow;
-    get range(): WindowRange;
-    get hasAllRowsWithinRange(): boolean;
-}

package/types/chart-types.d.ts

@@ -1,42 +0,0 @@
-import { DataSourceValue } from "./ChartSeries";
-export declare const defaultItemColorFunction: ItemColorFunction;
-export type EChartsCallbackParams = {
-    color: string;
-    data: DataSourceValue;
-    dataIndex: number;
-    name: string;
-    /**
-     * This is the Vuu column name
-     */
-    seriesName: string;
-};
-export type SymbolSizeFunction = (value: number, params: EChartsCallbackParams) => number | [number, number];
-export type SymbolSize = number | [number, number] | SymbolSizeFunction;
-export type SymbolType = "emptyCircle" | "circle" | `path://${string}`;
-export type ItemColorFunction = (params: EChartsCallbackParams) => string;
-export interface SeriesBase {
-    data: DataSourceValue[];
-    id: string;
-    itemStyle?: {
-        borderColor?: string;
-        color: string | ItemColorFunction;
-        borderWidth?: number;
-    };
-    label: string;
-    name: string;
-    symbol?: SymbolType;
-    symbolSize: SymbolSize;
-}
-export interface LineSeries extends SeriesBase {
-    connectNulls?: boolean;
-    lineStyle: {
-        color?: string;
-        width: number;
-    };
-    type: "line";
-}
-export interface ScatterSeries extends SeriesBase {
-    type: "scatter";
-}
-export type Series = LineSeries | ScatterSeries;
-export type ChartSelectionModel = "none" | "single" | "single-no-deselect" | "extended";

package/types/chartTooltip.d.ts

@@ -1,12 +0,0 @@
-import { DataSourceValue } from "./ChartSeries";
-export interface TooltipParams {
-    axisValueLabel: string;
-    color: string;
-    componentType: string;
-    componentSubType: string;
-    data: DataSourceValue;
-    seriesName: string;
-    seriesType: 'line' | 'scatter';
-    value: number;
-}
-export declare const chartTooltip: (params: TooltipParams[]) => string | undefined;

package/types/index.d.ts

@@ -1,5 +0,0 @@
-export { Chart, type ChartProps } from "./Chart";
-export type { ItemColorFunction, LineSeries as Series } from './chart-types';
-export { ChartSeries, type DataSourceValue } from "./ChartSeries";
-export type { ChartContextMenuOptions, ChartMenuLocation } from "./useChartContextMenu";
-export type { ChartConfig, DataExclusionOptions } from './useChartOptions';

package/types/src/Chart.d.ts

@@ -1,28 +0,0 @@
-import { ChartOptionsProps } from "./useChartOptions";
-import { type MeasuredContainerProps } from "@vuu-ui/vuu-ui-controls";
-type OptionSettings = {
-    notMerge: boolean;
-};
-type ChartSettings = {
-    /**
-     * Default value will be svg
-     */
-    renderer: "svg" | "canvas";
-    /**
-     * Enlarges 'click zone' around interactive elements.
-     * Default value true;
-     */
-    useCoarsePointer: boolean;
-};
-export interface ChartProps extends ChartOptionsProps, Omit<MeasuredContainerProps, "children" | "onResize"> {
-    chartSettings?: Partial<ChartSettings>;
-    optionSettings?: OptionSettings;
-    /**
-     * An array of color values that will be assigned, in the order given
-     * to rendered series.
-     */
-    palette?: string[];
-    showTooltip?: boolean;
-}
-export declare const Chart: ({ categoryColumnName, chartSettings, className, config, dataExclusions, dataSource, height, optionSettings, palette, resizeStrategy, showTooltip, style, seriesColumnNames, width, ...htmlAttributes }: ChartProps) => import("react").JSX.Element;
-export {};

package/types/src/ChartSeries.d.ts

@@ -1,32 +0,0 @@
-import { DataSource, DataSourceRow, DataSourceSubscribeCallback } from "@vuu-ui/vuu-data-types";
-import { EventEmitter } from "@vuu-ui/vuu-utils";
-import { Series } from "./chart-types";
-import { ChartConfig, DataExclusionOptions } from "./useChartOptions";
-export type DataSourceValue = {
-    key: string;
-    readonly row: DataSourceRow;
-    value: number | null;
-};
-export type ChartEvents = {
-    update: () => void;
-};
-export interface ChartSeriesConstructorProps {
-    dataExclusions?: DataExclusionOptions;
-    dataSource: DataSource;
-    config: ChartConfig;
-    palette: string[];
-}
-export declare class ChartSeries extends EventEmitter<ChartEvents> {
-    #private;
-    handleData: DataSourceSubscribeCallback;
-    buildCategoriesAndSeries(): void;
-    constructor({ config, dataExclusions, dataSource, palette, }: ChartSeriesConstructorProps);
-    get palette(): (string | undefined)[];
-    get categoryColumn(): string;
-    set categoryColumn(categoryColumn: string);
-    get seriesColumnNames(): string[];
-    set seriesColumnNames(seriesColumnNames: string[]);
-    get categories(): string[];
-    get series(): Series[];
-    private getCategoriesAndSeries;
-}

package/types/src/DataRowMovingWindow.d.ts

@@ -1,23 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-import { WindowRange } from "@vuu-ui/vuu-utils";
-export declare class MovingDataRowWindow {
-    #private;
-    data: DataSourceRow[];
-    rowCount: number;
-    constructor({ from, to }: VuuRange);
-    setRowCount: (rowCount: number) => void;
-    add(data: DataSourceRow): void;
-    getAtIndex(index: number): DataSourceRow | undefined;
-    getByKey(key: string): DataSourceRow | undefined;
-    isWithinRange(index: number): boolean;
-    setRange({ from, to }: VuuRange): void;
-    get hasData(): boolean;
-    /**
-     * This will throw if there is no data. Check `hasData` first
-     * to guard against this, if not certain.
-     */
-    get firstRow(): DataSourceRow;
-    get range(): WindowRange;
-    get hasAllRowsWithinRange(): boolean;
-}

package/types/src/chart-types.d.ts

@@ -1,42 +0,0 @@
-import { DataSourceValue } from "./ChartSeries";
-export declare const defaultItemColorFunction: ItemColorFunction;
-export type EChartsCallbackParams = {
-    color: string;
-    data: DataSourceValue;
-    dataIndex: number;
-    name: string;
-    /**
-     * This is the Vuu column name
-     */
-    seriesName: string;
-};
-export type SymbolSizeFunction = (value: number, params: EChartsCallbackParams) => number | [number, number];
-export type SymbolSize = number | [number, number] | SymbolSizeFunction;
-export type SymbolType = "emptyCircle" | "circle" | `path://${string}`;
-export type ItemColorFunction = (params: EChartsCallbackParams) => string;
-export interface SeriesBase {
-    data: DataSourceValue[];
-    id: string;
-    itemStyle?: {
-        borderColor?: string;
-        color: string | ItemColorFunction;
-        borderWidth?: number;
-    };
-    label: string;
-    name: string;
-    symbol?: SymbolType;
-    symbolSize: SymbolSize;
-}
-export interface LineSeries extends SeriesBase {
-    connectNulls?: boolean;
-    lineStyle: {
-        color?: string;
-        width: number;
-    };
-    type: "line";
-}
-export interface ScatterSeries extends SeriesBase {
-    type: "scatter";
-}
-export type Series = LineSeries | ScatterSeries;
-export type ChartSelectionModel = "none" | "single" | "single-no-deselect" | "extended";

package/types/src/chartTooltip.d.ts

@@ -1,12 +0,0 @@
-import { DataSourceValue } from "./ChartSeries";
-export interface TooltipParams {
-    axisValueLabel: string;
-    color: string;
-    componentType: string;
-    componentSubType: string;
-    data: DataSourceValue;
-    seriesName: string;
-    seriesType: 'line' | 'scatter';
-    value: number;
-}
-export declare const chartTooltip: (params: TooltipParams[]) => string | undefined;

package/types/src/index.d.ts

@@ -1,5 +0,0 @@
-export { Chart, type ChartProps } from "./Chart";
-export type { ItemColorFunction, LineSeries as Series } from './chart-types';
-export { ChartSeries, type DataSourceValue } from "./ChartSeries";
-export type { ChartContextMenuOptions, ChartMenuLocation } from "./useChartContextMenu";
-export type { ChartConfig, DataExclusionOptions } from './useChartOptions';

package/types/src/useChartContextMenu.d.ts

@@ -1,16 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { ECElementEvent } from "echarts";
-import { ColumnMap } from "@vuu-ui/vuu-utils";
-export type ChartMenuLocation = "canvas" | "series";
-export type ChartContextMenuOptions = {
-    column: string;
-    columnMap: ColumnMap;
-    row: DataSourceRow;
-};
-interface ChartContextMenuHookProps {
-    allowContextMenu?: boolean;
-    categoryColumnName?: string;
-    columnMap: ColumnMap;
-}
-export declare const useChartContextMenu: ({ columnMap, }: ChartContextMenuHookProps) => ({ data, event, seriesName }: ECElementEvent) => void;
-export {};

package/types/src/useChartOptions.d.ts

@@ -1,28 +0,0 @@
-import { DataSource, DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { ColumnMap } from "@vuu-ui/vuu-utils";
-import { type EChartsCoreOption } from "echarts";
-import type { ChartSelectionModel, ItemColorFunction, SymbolSize, SymbolSizeFunction, SymbolType } from "./chart-types";
-export interface ChartConfig {
-    itemColorFunction?: ItemColorFunction;
-    selectionModel?: ChartSelectionModel;
-    symbolSize?: SymbolSize;
-}
-export interface DataExclusionOptions {
-    isExcludedData: (row: DataSourceRow, columnMap: ColumnMap, column: string) => boolean;
-    /**
-     * An embedded SVG path. If provided, will be used to render excluded values.
-     */
-    symbol?: SymbolType;
-}
-export interface ChartOptionsProps {
-    categoryColumnName: string;
-    config: ChartConfig;
-    dataExclusions?: DataExclusionOptions;
-    dataSource: DataSource;
-    itemColorFunction?: ItemColorFunction;
-    palette?: string[];
-    seriesColumnNames: string[];
-    showTooltip?: boolean;
-    symbolSizeFunction?: SymbolSizeFunction;
-}
-export declare const useChartOptions: ({ categoryColumnName, config, dataExclusions, dataSource, itemColorFunction, palette, seriesColumnNames, showTooltip, symbolSizeFunction: symbolSize, }: ChartOptionsProps) => EChartsCoreOption;

package/types/src/useChartSelection.d.ts

@@ -1,14 +0,0 @@
-import { ECElementEvent } from "echarts";
-import { ChartSelectionModel, ItemColorFunction, SymbolSizeFunction } from "./chart-types";
-interface ChartSelectionHookProps {
-    selectionModel?: ChartSelectionModel;
-    categoryColumnName: string;
-}
-export declare const useChartSelection: (_props: ChartSelectionHookProps) => {
-    onClick: ({ data, event, seriesName: column }: ECElementEvent) => void;
-    onMouseOver: ({ data, seriesName }: ECElementEvent) => void;
-    onMouseOut: () => void;
-    itemColorFunction: ItemColorFunction;
-    symbolSizeFunction: SymbolSizeFunction;
-};
-export {};

package/types/useChartContextMenu.d.ts

@@ -1,16 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { ECElementEvent } from "echarts";
-import { ColumnMap } from "@vuu-ui/vuu-utils";
-export type ChartMenuLocation = "canvas" | "series";
-export type ChartContextMenuOptions = {
-    column: string;
-    columnMap: ColumnMap;
-    row: DataSourceRow;
-};
-interface ChartContextMenuHookProps {
-    allowContextMenu?: boolean;
-    categoryColumnName?: string;
-    columnMap: ColumnMap;
-}
-export declare const useChartContextMenu: ({ columnMap, }: ChartContextMenuHookProps) => ({ data, event, seriesName }: ECElementEvent) => void;
-export {};

package/types/useChartOptions.d.ts

@@ -1,28 +0,0 @@
-import { DataSource, DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { ColumnMap } from "@vuu-ui/vuu-utils";
-import { type EChartsCoreOption } from "echarts";
-import type { ChartSelectionModel, ItemColorFunction, SymbolSize, SymbolSizeFunction, SymbolType } from "./chart-types";
-export interface ChartConfig {
-    itemColorFunction?: ItemColorFunction;
-    selectionModel?: ChartSelectionModel;
-    symbolSize?: SymbolSize;
-}
-export interface DataExclusionOptions {
-    isExcludedData: (row: DataSourceRow, columnMap: ColumnMap, column: string) => boolean;
-    /**
-     * An embedded SVG path. If provided, will be used to render excluded values.
-     */
-    symbol?: SymbolType;
-}
-export interface ChartOptionsProps {
-    categoryColumnName: string;
-    config: ChartConfig;
-    dataExclusions?: DataExclusionOptions;
-    dataSource: DataSource;
-    itemColorFunction?: ItemColorFunction;
-    palette?: string[];
-    seriesColumnNames: string[];
-    showTooltip?: boolean;
-    symbolSizeFunction?: SymbolSizeFunction;
-}
-export declare const useChartOptions: ({ categoryColumnName, config, dataExclusions, dataSource, itemColorFunction, palette, seriesColumnNames, showTooltip, symbolSizeFunction: symbolSize, }: ChartOptionsProps) => EChartsCoreOption;

package/types/useChartSelection.d.ts

@@ -1,14 +0,0 @@
-import { ECElementEvent } from "echarts";
-import { ChartSelectionModel, ItemColorFunction, SymbolSizeFunction } from "./chart-types";
-interface ChartSelectionHookProps {
-    selectionModel?: ChartSelectionModel;
-    categoryColumnName: string;
-}
-export declare const useChartSelection: (_props: ChartSelectionHookProps) => {
-    onClick: ({ data, event, seriesName: column }: ECElementEvent) => void;
-    onMouseOver: ({ data, seriesName }: ECElementEvent) => void;
-    onMouseOut: () => void;
-    itemColorFunction: ItemColorFunction;
-    symbolSizeFunction: SymbolSizeFunction;
-};
-export {};