@j2inn/fin5-ui-utils 5.2.2-beta.0 → 5.2.2-beta.10

package/dist_es/react/components/charts/line-bar/Chart.d.ts

@@ -0,0 +1,166 @@
+import * as am5 from '@amcharts/amcharts5';
+import { ITimeInterval } from '@amcharts/amcharts5/.internal/core/util/Time';
+import * as am5xy from '@amcharts/amcharts5/xy';
+import React from 'react';
+export declare type StackedColumnChartInterfaceColors = {
+    [Property in keyof am5.IInterfaceColorsSettings]: string;
+};
+export interface StackedColumnChartColorPalette {
+    interfaceColors?: Partial<StackedColumnChartInterfaceColors>;
+    series?: string[];
+}
+export declare enum UnitPlacement {
+    none = "none",
+    top = "top",
+    axis = "axis"
+}
+export declare enum AxisPlacement {
+    left = "left",
+    right = "right"
+}
+export declare enum LegendPlacement {
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right",
+    hidden = "hidden"
+}
+interface BaseChartSeriesProps {
+    seriesName: string;
+    dis?: string;
+    unit?: string;
+    axisPlacement?: AxisPlacement;
+    hideAxis?: boolean;
+}
+export interface BarChartSeriesData extends BaseChartSeriesProps {
+    stroke?: am5.Color;
+    data: LineChartSeriesPoint[];
+}
+export interface LineChartSeriesPoint {
+    ts: number;
+    value: number | undefined | null;
+}
+export interface LineChartSeriesData extends BaseChartSeriesProps {
+    strokeSettings?: {
+        stroke?: am5.Color;
+        strokeDasharray?: number[];
+        strokeWidth?: number;
+    };
+    data: LineChartSeriesPoint[];
+}
+export interface ChartAxisRangeData {
+    startValue?: number;
+    endValue?: number;
+    foreground?: am5.Color;
+    color?: am5.Color;
+    opacity?: number;
+    text?: string;
+    html?: string;
+    tooltip?: string;
+    showText?: boolean;
+    placeBelow?: boolean;
+}
+export interface ChartProps {
+    /**
+     * Data used to populate the chart with columns
+     */
+    barSeriesData?: BarChartSeriesData[];
+    /**
+     * Data used to populate the chart with stacked columns
+     */
+    stackedBarSeriesData?: BarChartSeriesData[];
+    /**
+     * Data used to populate the chart with line series
+     */
+    lineSeriesData?: LineChartSeriesData[];
+    rangesData?: ChartAxisRangeData[];
+    /**
+     * The name of the prop in the data that contains the timestamp
+     */
+    dateField: string;
+    /**
+     * True to activate the cursor
+     */
+    cursor?: boolean;
+    /**
+     * The time interval for the Date Axis @see https://www.amcharts.com/docs/v5/charts/xy-chart/axes/date-axis/#data-granularity
+     */
+    baseInterval: ITimeInterval;
+    /**
+     * Color palette for the chart slices and interface colors @see https://www.amcharts.com/docs/v5/concepts/colors-gradients-and-patterns/#Interface_colors
+     */
+    colorPalette?: Partial<StackedColumnChartColorPalette>;
+    /**
+     * Number formatting options @see https://www.amcharts.com/docs/v5/tutorials/formatting-date-time-and-numbers-using-intl-object/#Formatting_numbers
+     */
+    numberFormat?: Intl.NumberFormatOptions;
+    /**
+     * amcharts5 theme classes to be used by the chart @see https://www.amcharts.com/docs/v5/concepts/themes/
+     */
+    chartThemes?: typeof am5.Theme[];
+    /**
+     * Settings for chart customization @see https://www.amcharts.com/docs/v5/reference/xychart/#Settings
+     */
+    chartSettings?: am5xy.IXYChartSettings;
+    /**
+     * Settings for legend customization @see https://www.amcharts.com/docs/v5/reference/legend/#Settings
+     */
+    legendSettings?: am5.ILegendSettings;
+    /**
+     * Settings for legend labels customization @see https://www.amcharts.com/docs/v5/concepts/legend/#labels
+     */
+    legendLabelsSettings?: am5.ILabelSettings;
+    /**
+     * Settings for legend markers customization @see https://www.amcharts.com/docs/v5/concepts/legend/#labels
+     */
+    legendMarkersSettings?: am5.ILabelSettings & {
+        rounded?: boolean;
+    };
+    /**
+     * Settings for date axis @see https://www.amcharts.com/docs/v5/reference/dateaxis/#Settings
+     */
+    dateAxisSettings?: Omit<am5xy.IDateAxisSettings<am5xy.AxisRenderer>, 'baseInterval' | 'renderer'>;
+    /**
+     * Settings for date axis renderer @see https://www.amcharts.com/docs/v5/reference/iaxisrendererxsettings/
+     */
+    dateAxisRendererSettings?: am5xy.IAxisRendererXSettings;
+    /**
+     * Settings for category axis @see https://www.amcharts.com/docs/v5/reference/valueaxis/#Settings
+     */
+    valueAxisSettings?: Omit<am5xy.IValueAxisSettings<am5xy.AxisRenderer>, 'renderer'>;
+    /**
+     * Settings for chart series customization @see https://www.amcharts.com/docs/v5/reference/grid/#Settings
+     */
+    gridSettings?: Partial<am5xy.IGridSettings>;
+    /**
+     * Settings for chart column series customization @see https://www.amcharts.com/docs/v5/reference/columnseries/#Settings
+     */
+    barSeriesSettings?: am5xy.IColumnSeriesSettings;
+    /**
+     * Settings for chart line series customization @see https://www.amcharts.com/docs/v5/reference/lineseries/#Settings
+     */
+    lineSeriesSettings?: Partial<am5xy.ILineSeriesSettings>;
+    /**
+     * Settings for series column customization @see https://www.amcharts.com/docs/v5/reference/roundedrectangle/#Settings
+     */
+    columnSettings?: Partial<am5.IRoundedRectangleSettings>;
+    /**
+     * Settings for tooltips label customization @see https://www.amcharts.com/docs/v5/reference/ilabelsettings/
+     */
+    tooltipSettings?: Partial<am5.ILabelSettings>;
+    unitPlacement?: UnitPlacement;
+    legendPlacement?: LegendPlacement;
+    translateLabel?: (name: string) => string;
+    /**
+     * Optional DOM id for the chart container, if not specified it will be automatically generated.
+     * It can also be an HTMLElement, in that case the element will be used as a parent.
+     */
+    DOMtargetId?: string | HTMLElement;
+}
+/**
+ * Customizable stacked column and line chart component based on amcharts5
+ *
+ * This component wraps some of the chart configuration trying to make it more react-friendly
+ */
+export declare const Chart: React.FC<ChartProps>;
+export {};

package/dist_es/react/components/charts/line-bar/Chart.js

@@ -0,0 +1,416 @@
+/*
+ * Copyright (c) 2025, J2 Innovations. All Rights Reserved
+ */
+import * as am5 from '@amcharts/amcharts5';
+import * as am5xy from '@amcharts/amcharts5/xy';
+import { debounce } from 'lodash';
+import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { createUseStyles, useTheme } from 'react-jss';
+const useStyles = createUseStyles({
+    root: {
+        width: '100%',
+        height: '100%',
+    },
+});
+/**
+ * Returns a color palette selecting some colors from the theme.
+ * @param theme The theme
+ * @returns An array of colors
+ */
+const getDefaultChartColors = (theme) => {
+    return {
+        interfaceColors: {
+            text: theme.textColor,
+        },
+        series: [
+            theme.palette.lime,
+            theme.palette.cyan,
+            theme.palette.orange,
+            theme.palette.blue,
+            theme.palette.volcano,
+            theme.palette.green,
+            theme.palette.purple,
+            theme.palette.magenta,
+            theme.palette.grey,
+            theme.palette.gold,
+            theme.palette.red,
+            theme.palette.yellow,
+        ],
+    };
+};
+const buildYRenderer = (root, opposite = false, gridSettings) => {
+    const yRenderer = am5xy.AxisRendererY.new(root, {
+        strokeOpacity: 0,
+        forceHidden: true,
+        opposite,
+    });
+    yRenderer.grid.template.setAll({
+        strokeOpacity: 1,
+        ...gridSettings,
+    });
+    yRenderer.labels.template.setAll({
+        fontSize: '0.7rem',
+    });
+    return yRenderer;
+};
+const buildValueAxis = (root, chart, axes, chartSeriesProps, unitPlacement, gridSettings, valueAxisSettings) => {
+    const unit = chartSeriesProps.unit ?? '';
+    const cachedAxis = axes.get(unit);
+    if (cachedAxis) {
+        return cachedAxis;
+    }
+    const opposite = (chartSeriesProps.axisPlacement ?? AxisPlacement.left) ==
+        AxisPlacement.right;
+    const renderer = buildYRenderer(root, opposite, gridSettings);
+    const axisToSync = axes.values().next()?.value;
+    const axis = chart.yAxes.push(am5xy.ValueAxis.new(root, {
+        renderer: renderer,
+        numberFormat: unitPlacement == UnitPlacement.axis && unit
+            ? `#' ${unit}'`
+            : undefined,
+        marginTop: unitPlacement == UnitPlacement.top ? 15 : 0,
+        syncWithAxis: axisToSync,
+        visible: chartSeriesProps.hideAxis
+            ? !chartSeriesProps.hideAxis
+            : true,
+        ...valueAxisSettings,
+    }));
+    if (unitPlacement == UnitPlacement.top) {
+        addUnitTextLabels(root, chart, unit, opposite);
+    }
+    axes.set(unit, axis);
+    return axis;
+};
+const addUnitTextLabels = (root, chart, unit, opposite) => {
+    if (unit) {
+        const unitTextStyle = {
+            ignoreFormatting: true,
+            fontSize: '0.7rem',
+            height: 18,
+            marginBottom: 15,
+            position: 'absolute',
+        };
+        const x = am5.percent(!opposite ? 0 : 100);
+        const centerX = am5.percent(!opposite ? 0 : 100);
+        chart.children.unshift(am5.Label.new(root, {
+            text: `[${unit}]`,
+            x: x,
+            centerX: centerX,
+            ...unitTextStyle,
+        }));
+    }
+};
+const buildLabelText = (unit, numberFormat) => `[bold]{name}[/]: {valueY.formatNumber(${numberFormat ? `"${numberFormat}"` : ''})}${unit ? ` ${unit}` : ''}\n{valueX.formatDate("d MMM HH:mm")}`;
+const addLineSeries = (data, root, chart, xAxis, yAxes, dateField, unitPlacement, legendRef, gridSettings, valueAxisSettings, translateLabel, lineSeriesSettings, tooltipSettings) => {
+    data.forEach((lineSeries) => {
+        const lineYAxis = buildValueAxis(root, chart, yAxes, lineSeries, unitPlacement, gridSettings, valueAxisSettings);
+        const series = chart.series.push(am5xy.LineSeries.new(root, {
+            name: lineSeries.dis ??
+                translateLabel?.(lineSeries.seriesName) ??
+                lineSeries.seriesName,
+            xAxis: xAxis,
+            yAxis: lineYAxis,
+            valueYField: 'value',
+            valueXField: dateField,
+            fill: lineSeries.strokeSettings?.stroke,
+            tooltip: am5.Tooltip.new(root, {
+                labelText: buildLabelText(lineSeries.unit, '#.##'),
+            }),
+            ...lineSeriesSettings,
+            ...lineSeries.strokeSettings,
+        }));
+        if (tooltipSettings) {
+            series.get('tooltip')?.label.setAll(tooltipSettings);
+        }
+        if (lineSeries.strokeSettings) {
+            series.strokes.template.setAll(lineSeries.strokeSettings);
+            series.fills.template.setAll(lineSeries.strokeSettings);
+        }
+        series.data.setAll(lineSeries.data);
+        legendRef.current?.data.push(series);
+    });
+};
+const addBarSeries = (data, root, chart, xAxis, yAxes, dateField, unitPlacement, stacked = false, legendRef, gridSettings, valueAxisSettings, translateLabel, barSeriesSettings, columnSettings, tooltipSettings) => {
+    data.forEach((barSeries) => {
+        const seriesName = barSeries.seriesName;
+        // Setup Y axes, one on the left and one on the right
+        const barYAxis = buildValueAxis(root, chart, yAxes, barSeries, unitPlacement, gridSettings, valueAxisSettings);
+        const seriesOptions = {
+            name: translateLabel?.(seriesName) ?? barSeries.dis ?? seriesName,
+            xAxis: xAxis,
+            yAxis: barYAxis,
+            stacked: stacked,
+            tooltip: am5.Tooltip.new(root, {
+                labelText: buildLabelText(barSeries.unit),
+            }),
+            valueYField: 'value',
+            valueXField: dateField,
+        };
+        if (barSeries.stroke) {
+            seriesOptions.fill = barSeries.stroke;
+        }
+        const series = chart.series.push(am5xy.ColumnSeries.new(root, {
+            ...seriesOptions,
+            ...barSeriesSettings,
+        }));
+        series.columns.template.setAll({
+            ...columnSettings,
+        });
+        if (tooltipSettings) {
+            series.columns.template
+                .get('tooltip')
+                ?.label.setAll(tooltipSettings);
+        }
+        series.data.setAll(barSeries.data);
+        legendRef.current?.data.push(series);
+    });
+};
+const addRanges = (root, axis, rangesData) => {
+    rangesData?.forEach((rangeData) => {
+        addRange(root, axis, rangeData, rangeData.placeBelow);
+    });
+};
+const addRange = (root, axis, rangeData, shifted = false) => {
+    const rangeDataItem = axis.makeDataItem({
+        value: rangeData.startValue,
+        endValue: rangeData.endValue,
+        isRange: true,
+    });
+    axis.createAxisRange(rangeDataItem);
+    const axisFill = rangeDataItem.get('axisFill');
+    axisFill?.setAll({
+        fill: rangeData.color,
+        fillOpacity: 0,
+        visible: true,
+    });
+    const label = rangeDataItem.get('label');
+    label?.setAll({
+        text: rangeData.showText ? rangeData.text : '',
+        fill: rangeData.foreground,
+        html: rangeData.html,
+        fontSize: '0.8rem',
+        height: 24,
+        location: 0,
+        centerX: 0,
+        tooltipText: rangeData.tooltip,
+        layer: -1,
+        background: am5.Rectangle.new(root, {
+            fill: rangeData.color,
+            fillOpacity: rangeData.opacity ?? 0.2,
+            strokeWidth: 1,
+            stroke: rangeData.foreground,
+        }),
+    });
+    axisFill?.events.on('boundschanged', (e) => {
+        label?.setAll({
+            width: e.target.width(),
+            maxWidth: e.target.width(),
+            oversizedBehavior: 'truncate',
+            y: shifted ? 24 : 0,
+        });
+    });
+};
+const setupLegend = (root, chart, legendPlacement, legendSettings, legendLabelsSettings, legendMarkersSettings) => {
+    const legendItem = am5.Legend.new(root, {
+        paddingTop: legendPlacement == LegendPlacement.bottom ? 20 : 0,
+        paddingBottom: legendPlacement == LegendPlacement.top ? 20 : 0,
+        forceHidden: legendPlacement == LegendPlacement.hidden,
+        layout: legendPlacement == LegendPlacement.left ||
+            legendPlacement == LegendPlacement.right
+            ? root.verticalLayout
+            : root.gridLayout,
+        ...legendSettings,
+    });
+    // Setup legend
+    const legend = legendPlacement == LegendPlacement.left ||
+        legendPlacement == LegendPlacement.top
+        ? chart.children.unshift(legendItem)
+        : chart.children.push(legendItem);
+    legend.labels.template.setAll({
+        fontSize: '0.8rem',
+        ...legendLabelsSettings,
+    });
+    legend.valueLabels.template.setAll({
+        forceHidden: true,
+    });
+    legend.markers.template.setAll({
+        width: 12,
+        height: 12,
+        ...legendMarkersSettings,
+    });
+    if (legendMarkersSettings?.rounded) {
+        legend.markerRectangles.template.setAll({
+            cornerRadiusTL: 100,
+            cornerRadiusTR: 100,
+            cornerRadiusBL: 100,
+            cornerRadiusBR: 100,
+        });
+    }
+    return legend;
+};
+export var UnitPlacement;
+(function (UnitPlacement) {
+    UnitPlacement["none"] = "none";
+    UnitPlacement["top"] = "top";
+    UnitPlacement["axis"] = "axis";
+})(UnitPlacement || (UnitPlacement = {}));
+export var AxisPlacement;
+(function (AxisPlacement) {
+    AxisPlacement["left"] = "left";
+    AxisPlacement["right"] = "right";
+})(AxisPlacement || (AxisPlacement = {}));
+export var LegendPlacement;
+(function (LegendPlacement) {
+    LegendPlacement["top"] = "top";
+    LegendPlacement["bottom"] = "bottom";
+    LegendPlacement["left"] = "left";
+    LegendPlacement["right"] = "right";
+    LegendPlacement["hidden"] = "hidden";
+})(LegendPlacement || (LegendPlacement = {}));
+/**
+ * Customizable stacked column and line chart component based on amcharts5
+ *
+ * This component wraps some of the chart configuration trying to make it more react-friendly
+ */
+export const Chart = ({ DOMtargetId, baseInterval, barSeriesData, stackedBarSeriesData, lineSeriesData, rangesData, dateField, colorPalette, numberFormat, chartThemes, chartSettings, legendSettings, legendLabelsSettings, legendMarkersSettings, dateAxisSettings, dateAxisRendererSettings, valueAxisSettings, gridSettings, barSeriesSettings, lineSeriesSettings, columnSettings, tooltipSettings, cursor = false, unitPlacement = UnitPlacement.none, legendPlacement = LegendPlacement.bottom, translateLabel, }) => {
+    // Colors configuration
+    const theme = useTheme();
+    const colors = { ...getDefaultChartColors(theme), ...colorPalette };
+    // Chart lifecycle
+    const [id, setId] = useState(DOMtargetId ?? `amchart-${Math.random()}`);
+    const containerRef = useRef(null);
+    const rootRef = useRef(null);
+    const chartRef = useRef(null);
+    const legendRef = useRef(null);
+    useEffect(() => {
+        if (DOMtargetId && DOMtargetId !== id) {
+            setId(DOMtargetId);
+        }
+    }, [DOMtargetId]);
+    // Chart setup
+    useLayoutEffect(() => {
+        const root = am5.Root.new(id);
+        root.autoResize = false;
+        // Setup amcharts theme
+        if (chartThemes) {
+            root.setThemes(chartThemes.map((t) => t.new(root)));
+        }
+        // Setup interface colors, see https://www.amcharts.com/docs/v5/concepts/colors-gradients-and-patterns/#Interface_colors
+        if (colors.interfaceColors) {
+            // Remap settings to use amcharts Color objects
+            for (const setting in colors.interfaceColors) {
+                const color = colors.interfaceColors[setting];
+                // Apply defined interfaceColor on the chart
+                root.interfaceColors.set(setting, am5.color(color));
+            }
+        }
+        // Setup chart settings
+        const chart = root.container.children.push(am5xy.XYChart.new(root, {
+            layout: legendPlacement == LegendPlacement.left ||
+                legendPlacement == LegendPlacement.right
+                ? root.horizontalLayout
+                : root.verticalLayout,
+            paddingLeft: 0,
+            paddingRight: 0,
+            paddingBottom: 0,
+            paddingTop: legendPlacement == LegendPlacement.top ||
+                unitPlacement == UnitPlacement.top
+                ? 35
+                : 10,
+            ...chartSettings,
+        }));
+        // Setup cursor
+        if (cursor) {
+            chart.set('cursor', am5xy.XYCursor.new(root, {}));
+        }
+        // Setup series colors
+        if (colors?.series) {
+            chart.get('colors')?.set('colors', colors.series.map((c) => am5.color(c)));
+        }
+        const legend = setupLegend(root, chart, legendPlacement, legendSettings, legendLabelsSettings, legendMarkersSettings);
+        rootRef.current = root;
+        chartRef.current = chart;
+        legendRef.current = legend;
+        // Clean up before component removal from the DOM
+        return () => {
+            legendRef.current?.dispose();
+            legendRef.current = null;
+            chartRef.current?.dispose();
+            chartRef.current = null;
+            root?.dispose();
+            rootRef.current = null;
+        };
+    }, [id, colors, chartThemes, chartSettings, legendSettings]);
+    // Set data
+    useEffect(() => {
+        const root = rootRef.current;
+        const chart = chartRef.current;
+        if (chart && root) {
+            chart.series.clear();
+            if (barSeriesData?.length == 0 &&
+                stackedBarSeriesData?.length == 0 &&
+                lineSeriesData?.length == 0) {
+                return;
+            }
+            // Setup axes
+            const xRenderer = am5xy.AxisRendererX.new(root, {
+                strokeWidth: 0,
+                minGridDistance: 30,
+                ...dateAxisRendererSettings,
+            });
+            const xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {
+                baseInterval,
+                renderer: xRenderer,
+                ...dateAxisSettings,
+            }));
+            xRenderer.grid.template.setAll({
+                strokeWidth: 0,
+                forceHidden: true,
+            });
+            xRenderer.labels.template.setAll({
+                location: 0.5,
+                fontSize: '0.7rem',
+                textAlign: 'center',
+            });
+            xAxis.data.setAll(Array.prototype.concat(stackedBarSeriesData ?? [], lineSeriesData ?? [], barSeriesData ?? []));
+            addRanges(root, xAxis, rangesData);
+            const yAxes = new Map();
+            if (barSeriesData) {
+                addBarSeries(barSeriesData, root, chart, xAxis, yAxes, dateField, unitPlacement, false, legendRef, gridSettings, valueAxisSettings, translateLabel, barSeriesSettings, columnSettings, tooltipSettings);
+            }
+            if (stackedBarSeriesData) {
+                addBarSeries(stackedBarSeriesData, root, chart, xAxis, yAxes, dateField, unitPlacement, true, legendRef, gridSettings, valueAxisSettings, translateLabel, barSeriesSettings, columnSettings, tooltipSettings);
+            }
+            if (lineSeriesData) {
+                addLineSeries(lineSeriesData, root, chart, xAxis, yAxes, dateField, unitPlacement, legendRef, gridSettings, valueAxisSettings, translateLabel, lineSeriesSettings, tooltipSettings);
+            }
+        }
+    }, [
+        stackedBarSeriesData,
+        barSeriesData,
+        lineSeriesData,
+        chartRef.current,
+        colors?.series,
+        barSeriesSettings,
+        lineSeriesSettings,
+    ]);
+    useEffect(() => {
+        if (numberFormat) {
+            rootRef.current?.numberFormatter.set('numberFormat', numberFormat);
+        }
+    }, [rootRef.current, numberFormat]);
+    useEffect(() => {
+        let resizeObserver;
+        if (containerRef.current) {
+            const onResize = debounce(() => rootRef.current?.resize(), 100);
+            resizeObserver = new ResizeObserver(onResize);
+            resizeObserver.observe(containerRef.current);
+        }
+        return () => resizeObserver?.disconnect();
+    }, [containerRef.current, rootRef.current]);
+    const classes = useStyles();
+    return typeof id === 'string' ? (React.createElement("div", { id: id, className: classes.root })) : (
+    // If the DOM target is an HTML element, do not render another div. The chart will be attached to the existing element.
+    React.createElement(React.Fragment, null));
+};
+//# sourceMappingURL=Chart.js.map

package/dist_es/react/components/charts/line-bar/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../../src/react/components/charts/line-bar/Chart.tsx"],"names":[],"mappings":"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"}

package/dist_es/react/components/charts/line-bar/HGridChart.d.ts

@@ -0,0 +1,58 @@
+import * as am5 from '@amcharts/amcharts5';
+import { ITimeInterval } from '@amcharts/amcharts5/.internal/core/util/Time';
+import { HBool, HDict, HGrid, HNum, HStr, HVal } from 'haystack-core';
+import React from 'react';
+import { BarChartSeriesData, LegendPlacement, LineChartSeriesData, UnitPlacement } from './Chart';
+export declare const rollupDurationToTimeInterval: (value?: HNum) => ITimeInterval;
+export interface HGridChartRange extends HGridChartItemProps {
+    startValue: HVal;
+    endValue: HVal;
+}
+export interface HGridChartMetadata extends HDict {
+    ranges?: HGridChartRange[];
+    hisRollupInterval?: HNum;
+}
+export interface HGridChartItemProps extends HDict {
+    dis?: HStr;
+    color?: HStr;
+    opacity?: HNum;
+}
+export interface HGridChartSeriesProps extends HGridChartItemProps {
+    series?: HStr;
+    variant?: HStr;
+    unit?: HStr;
+    hideAxis?: HBool;
+    axisPlacement?: HStr;
+}
+export interface HGridChartProps {
+    className?: string;
+    data: HGrid;
+    timeRange: [Date, Date];
+    timeInterval?: am5.time.ITimeInterval;
+    unitPlacement?: UnitPlacement;
+    legendPlacement?: LegendPlacement;
+    translateLabel?: (name: string) => string | undefined;
+    /**
+     * Optional DOM id for the chart container, if not specified it will be automatically generated.
+     * It can also be an HTMLElement, in that case the element will be used as a parent.
+     */
+    DOMtargetId?: string | HTMLElement;
+}
+export declare const isLineSeries: (colMetadata?: HGridChartSeriesProps) => boolean;
+export declare const isStackedBarSeries: (colMetadata?: HGridChartSeriesProps) => boolean;
+export declare const isBarSeries: (colMetadata?: HGridChartSeriesProps) => boolean;
+export declare const colNameToDisProvider: (grid: HGrid, translateLabel?: ((name: string) => string | undefined) | undefined) => (colName: string) => string;
+export declare const splitBarAndLineSeriesCols: (grid: HGrid) => {
+    barSeries: Set<string>;
+    stackedBarSeries: Set<string>;
+    lineSeries: Set<string>;
+};
+export declare const getBarSeriesRowData: (row: HDict, metadata: HDict, colName: string, barSeriesData: Map<string, BarChartSeriesData>) => void;
+export declare const addLineSeriesRowData: (row: HDict, metadata: HDict, colName: string, lineSeriesData: Map<string, LineChartSeriesData>) => void;
+export declare const calculateDefaultTimeInterval: (timeRange: [Date, Date]) => am5.time.ITimeInterval;
+/**
+ * A component that renders a chart containing multiple series
+ * of different kinds, taking all the data and configuration from an HGrid.
+ */
+export declare const HGridChart: React.NamedExoticComponent<HGridChartProps>;
+export default HGridChart;