@pagamio/frontend-commons-lib/lib/dashboard-visuals/visuals/MultiGaugeChart.d.ts

Pagamio library for Frontend reusable components like the form engine and table container

import type { QueryProps } from 'src/shared/types';
import type { ChartToolTipProps, DistributionQueryProps, StatisticsQueryProps, TableColumn, TooltipField } from '../types';
interface MultiGaugeChartProps<TData extends {
    id: string | number;
}> {
    title?: string;
    url?: string;
    query: QueryProps;
    nameKey: string;
    valueKey: string;
    limit?: number;
    colors?: string[];
    chartDetails?: {
        columns?: any[];
        data?: any[];
    };
    showScaleLabels?: boolean;
    tooltipTitle?: string;
    tooltipUnit?: string;
    tooltipAdditionalFields?: (string | TooltipField)[];
    metricDetailData?: {
        statisticsUrl?: string;
        itemStatisticsQuery: StatisticsQueryProps;
        valueMetricsQuery: StatisticsQueryProps;
        averageMetricsQuery: StatisticsQueryProps;
        distributionMetricsQuery: DistributionQueryProps;
        nameKey: string;
        valueKey: string;
        dataGridSearchKey: string;
        dataGridColumns: TableColumn<TData>[];
        dataSearchInputPlaceHolder: string;
        chartToolTip?: ChartToolTipProps;
        detailsTableTitle?: string;
    };
}
declare const MultiGaugeChart: <TData extends {
    id: string | number;
}>({ title, url, query, nameKey, valueKey, limit, colors, chartDetails, showScaleLabels, metricDetailData, ...props }: MultiGaugeChartProps<TData>) => import("react/jsx-runtime").JSX.Element;
export default MultiGaugeChart;