@tellaro/tql 3.3.0 → 4.0.1

package/dist/src/chart/mappers.d.ts

@@ -573,22 +573,669 @@ export declare function pieChartOptions(vizParams?: Record<string, unknown>, don
         };
     };
 };
-/** Map TQL viz type to Chart.js type string */
-export declare function chartJsType(tqlType: string): string;
-/** Build Chart.js data for any chart type */
-export declare function buildChartData(result: TqlStatsResult, chartType: string): {
+/** A grouped result's `group_by` entry, whichever spelling it arrived in. */
+interface GroupLevel {
+    field: string | null;
+    key: string;
+    bucketType: string;
+    interval?: string;
+}
+/** The levels of a grouped result: metadata objects, or legacy field-name strings. */
+export declare function groupLevels(stats: Record<string, unknown>): GroupLevel[];
+type Row = Record<string, unknown>;
+/**
+ * The numeric value a row charts: the first aggregate (the single-aggregation key, or the
+ * first entry of `aggregations`), else `value`/`count`, else `doc_count`. `null` when the
+ * aggregate is null (an empty bucket's avg/min/max), so a line shows a gap rather than a 0.
+ */
+export declare function rowMetricValue(row: Row): number | null;
+/** The level key of the time axis: a date_histogram level, or a level whose rows carry epochs. */
+export declare function timeLevelKey(stats: Record<string, unknown>): string | null;
+/** A time-axis point: `x` is epoch milliseconds. */
+export interface TimePoint {
+    x: number;
+    y: number | null;
+}
+/** Chart.js time-axis data: no labels, one dataset per series of `{x, y}` points. */
+export interface TimeSeriesData {
     labels: string[];
-    datasets: unknown[];
+    datasets: Array<Record<string, unknown> & {
+        label: string;
+        data: TimePoint[];
+    }>;
+}
+/**
+ * Time-axis data for line/area/bar charts over a date_histogram level.
+ *
+ * Each series is one value of the first non-time level (the terms split of
+ * `by date_histogram(@timestamp, 1h), host.name`), or a single series. Points are sorted by
+ * time; a series missing at a time present elsewhere gets `y: null` (a gap, stacked as 0).
+ * The Other row of `with other` is its own grey series.
+ */
+export declare function timeSeriesData(result: TqlStatsResult, chartType: string): TimeSeriesData | null;
+/** Chart.js `time.unit` for a date_histogram interval (`1h` → `hour`, `week` → `week`). */
+export declare function timeUnitForInterval(interval: string | undefined): string | undefined;
+/**
+ * Options for a time x-axis (`scales.x.type = "time"`).
+ *
+ * Chart.js's time scale needs a DATE ADAPTER registered by the consumer -- e.g.
+ * `import "chartjs-adapter-luxon"` once at app start. This module never imports one, so it
+ * stays free of Chart.js and adapter dependencies; without an adapter Chart.js throws when the
+ * chart is created.
+ */
+export declare function timeSeriesOptions(result: TqlStatsResult, chartType: string): {
+    interaction: {
+        mode: "index";
+        intersect: boolean;
+    };
+    plugins: {
+        legend: {
+            display: boolean;
+            labels: {
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: number;
+                usePointStyle: boolean;
+                pointStyleWidth: number;
+                filter: ((item: {
+                    text?: string;
+                }) => boolean) | undefined;
+            };
+        };
+        tooltip: {
+            displayColors: boolean;
+            callbacks: undefined;
+            enabled: boolean;
+            mode: "index" | "nearest";
+            intersect: boolean;
+            backgroundColor: string;
+            titleColor: string;
+            bodyColor: string;
+            borderColor: string;
+            borderWidth: number;
+            cornerRadius: number;
+            padding: number;
+            titleFont: {
+                size: number;
+                weight: "600";
+            };
+            bodyFont: {
+                size: number;
+            };
+            boxPadding: number;
+        };
+        title: {
+            display: boolean;
+            text: string;
+            color: string;
+            font: {
+                size: number;
+                weight: "600";
+            };
+            padding: {
+                top: number;
+                bottom: number;
+            };
+        };
+        datalabels: {
+            display: boolean;
+            color?: undefined;
+            font?: undefined;
+            anchor?: undefined;
+            align?: undefined;
+            offset?: undefined;
+            formatter?: undefined;
+        } | {
+            display: string | boolean;
+            color: string;
+            font: {
+                size: number;
+                weight: "500";
+            };
+            anchor: "end";
+            align: "top";
+            offset: number;
+            formatter: ((value: number) => string) | undefined;
+        };
+    };
+    scales: {
+        x: {
+            type: "time";
+            stacked: boolean;
+            offset: boolean;
+            time: {
+                unit: string;
+            } | {
+                unit?: undefined;
+            };
+            ticks: {
+                maxRotation: number;
+                autoSkip: boolean;
+                maxTicksLimit: number;
+                callback: undefined;
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: number;
+            };
+            title: {
+                display: boolean;
+                text: string;
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: {
+                    top: number;
+                };
+            };
+            grid: {
+                color: string;
+                drawTicks: boolean;
+            };
+            border: {
+                color: string;
+            };
+        };
+        y: {
+            stacked: boolean;
+            beginAtZero: boolean;
+            min: number | undefined;
+            max: number | undefined;
+            title: {
+                display: boolean;
+                text: string;
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: {
+                    bottom: number;
+                };
+            };
+            ticks: {
+                stepSize?: number | undefined;
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: number;
+                callback: ((value: number | string) => string) | undefined;
+            };
+            grid: {
+                color: string;
+            };
+            border: {
+                display: boolean;
+            };
+        };
+    };
+    responsive: boolean;
+    maintainAspectRatio: boolean;
+    indexAxis: "y" | "x";
+    animation: {
+        duration: number;
+        easing: "easeOutQuart";
+    };
+    layout: {
+        padding: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
 };
-/** Build Chart.js options for any chart type */
-export declare function buildChartOptions(result: TqlStatsResult, chartType: string): {
+/** One cell of a `chartjs-chart-matrix` heatmap. */
+export interface HeatmapCell {
+    x: string;
+    y: string;
+    v: number | null;
+}
+/**
+ * Heatmap data for `chartjs-chart-matrix`: x = the first group level, y = the second (or the
+ * metric's name when there is one level), v = the metric. Cell colour scales with `v / max`.
+ *
+ * Data only: the consumer registers `MatrixController` and `MatrixElement`.
+ */
+export declare function heatmapData(result: TqlStatsResult): {
+    labels: string[];
+    xLabels: string[];
+    yLabels: string[];
+    datasets: {
+        label: string;
+        data: HeatmapCell[];
+        backgroundColor: (ctx: {
+            raw?: HeatmapCell;
+        }) => string;
+        borderColor: string;
+        borderWidth: number;
+        width: (ctx: {
+            chart: {
+                chartArea?: {
+                    width: number;
+                };
+            };
+        }) => number;
+        height: (ctx: {
+            chart: {
+                chartArea?: {
+                    height: number;
+                };
+            };
+        }) => number;
+    }[];
+};
+/** Options for the heatmap: two category axes in data order. */
+export declare function heatmapOptions(result: TqlStatsResult): {
+    plugins: {
+        legend: {
+            display: boolean;
+        };
+        tooltip: {
+            callbacks: {
+                title: () => string;
+                label: (ctx: {
+                    raw: HeatmapCell;
+                }) => string;
+            };
+            enabled: boolean;
+            mode: "index" | "nearest";
+            intersect: boolean;
+            backgroundColor: string;
+            titleColor: string;
+            bodyColor: string;
+            borderColor: string;
+            borderWidth: number;
+            cornerRadius: number;
+            padding: number;
+            titleFont: {
+                size: number;
+                weight: "600";
+            };
+            bodyFont: {
+                size: number;
+            };
+            displayColors: boolean;
+            boxPadding: number;
+        };
+        title: {
+            display: boolean;
+            text: string;
+            color: string;
+            font: {
+                size: number;
+                weight: "600";
+            };
+            padding: {
+                top: number;
+                bottom: number;
+            };
+        };
+        datalabels: {
+            display: boolean;
+            color?: undefined;
+            font?: undefined;
+            anchor?: undefined;
+            align?: undefined;
+            offset?: undefined;
+            formatter?: undefined;
+        } | {
+            display: string | boolean;
+            color: string;
+            font: {
+                size: number;
+                weight: "500";
+            };
+            anchor: "end";
+            align: "top";
+            offset: number;
+            formatter: ((value: number) => string) | undefined;
+        };
+    };
+    scales: {
+        x: {
+            type: "category";
+            labels: string[];
+            offset: boolean;
+            grid: {
+                display: boolean;
+            };
+            ticks: {
+                color: string;
+                font: {
+                    size: number;
+                };
+                maxRotation: number;
+                autoSkip: boolean;
+                maxTicksLimit: number;
+                padding: number;
+                callback: ((value: number | string) => string) | undefined;
+            };
+        };
+        y: {
+            type: "category";
+            labels: string[];
+            offset: boolean;
+            grid: {
+                display: boolean;
+            };
+            ticks: {
+                color: string;
+            };
+        };
+    };
+    responsive: boolean;
+    maintainAspectRatio: boolean;
+    indexAxis: "y" | "x";
+    animation: {
+        duration: number;
+        easing: "easeOutQuart";
+    };
+    layout: {
+        padding: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    interaction: {
+        mode: "index" | "nearest";
+        intersect: boolean;
+    };
+};
+/** One bubble of a `chartjs-chart-geo` bubble map. */
+export interface GeoPoint {
+    /** chartjs-chart-geo reads `latitude`/`longitude`; `lat`/`lon` are the same numbers */
+    latitude: number;
+    longitude: number;
+    lat: number;
+    lon: number;
+    value: number | null;
+    /** The cell key (`z/x/y` or a geohash) */
+    key: string;
+}
+/** Centre of a geotile (`z/x/y`) or geohash cell, for rows that carry no `bucket_meta`. */
+export declare function decodeGeoCell(key: string): {
+    lat: number;
+    lon: number;
+} | null;
+/**
+ * Bubble-map data for `chartjs-chart-geo`: one point per geo cell at its centre, sized by the
+ * metric; one dataset per value of a second level when there is one.
+ *
+ * Data only: the consumer registers `BubbleMapController`, `GeoFeature`, `ProjectionScale`
+ * and `SizeScale`, and supplies the basemap `outline` (e.g. world-atlas countries) on the
+ * dataset before rendering.
+ */
+export declare function mapData(result: TqlStatsResult): {
+    labels: string[];
+    datasets: {
+        label: string;
+        data: GeoPoint[];
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+    }[];
+};
+/** Options for the bubble map (chartjs-chart-geo's projection + size scales). */
+export declare function mapOptions(result: TqlStatsResult): {
+    responsive: boolean;
+    maintainAspectRatio: boolean;
+    animation: {
+        duration: number;
+        easing: "easeOutQuart";
+    };
+    plugins: {
+        legend: {
+            display: boolean;
+        };
+        title: {
+            display: boolean;
+            text: string;
+            color: string;
+        };
+        tooltip: {
+            callbacks: {
+                label: (ctx: {
+                    raw: GeoPoint;
+                }) => string;
+            };
+        };
+    };
+    scales: {
+        projection: {
+            axis: "x";
+            projection: string;
+        };
+        size: {
+            axis: "x";
+            size: [number, number];
+        };
+    };
+};
+/**
+ * Chart types the mappers do NOT render. A request for one of these -- or for any type not in
+ * {@link chartJsType}'s table -- gets an {@link UnsupportedChart} marker, never a bar chart.
+ * `table`, `number` and `gauge` are rendered without Chart.js (TqlChart draws the last two).
+ */
+export declare const UNSUPPORTED_CHART_TYPES: readonly ["treemap", "sunburst", "chord", "nested_pie", "nested_donut"];
+/** Returned instead of chart data/options for a type the mappers do not render. */
+export interface UnsupportedChart {
+    unsupported: true;
+    /** The TQL chart type that was requested */
+    type: string;
+    /** A sentence for the "not supported" state */
+    reason: string;
+}
+/** Narrow a {@link buildChartData} / {@link buildChartOptions} result. */
+export declare function isUnsupportedChart(value: unknown): value is UnsupportedChart;
+/**
+ * Map a TQL viz type to its Chart.js chart type, or `null` when the mappers do not render it.
+ *
+ * `heatmap` → `"matrix"` (chartjs-chart-matrix) and `map` → `"bubbleMap"` (chartjs-chart-geo):
+ * both controllers are the CONSUMER's to register. Anything unmapped returns `null` — it used
+ * to fall through to `"bar"`, which drew a treemap or a chord diagram as an unrelated bar chart.
+ */
+export declare function chartJsType(tqlType: string): string | null;
+/** Options for {@link buildChartData} / {@link buildChartOptions}. */
+export interface BuildChartOptions {
+    /**
+     * Draw date_histogram results on a Chart.js time axis (default true). Pass `false` when no
+     * date adapter is registered: the x axis is then categorical with the ISO keys as labels.
+     */
+    timeAxis?: boolean;
+}
+/** Build Chart.js data for any chart type, or an {@link UnsupportedChart} marker. */
+export declare function buildChartData(result: TqlStatsResult, chartType: string, opts?: BuildChartOptions): {
+    labels: string[];
+    datasets: unknown[];
+} | UnsupportedChart;
+/** Build Chart.js options for any chart type, or an {@link UnsupportedChart} marker. */
+export declare function buildChartOptions(result: TqlStatsResult, chartType: string, opts?: BuildChartOptions): {
+    responsive: boolean;
+    maintainAspectRatio: boolean;
+    indexAxis: "y" | "x";
+    animation: {
+        duration: number;
+        easing: "easeOutQuart";
+    };
+    layout: {
+        padding: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    interaction: {
+        mode: "index" | "nearest";
+        intersect: boolean;
+    };
+    plugins: {
+        legend: {
+            display: boolean;
+            labels: {
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: number;
+                usePointStyle: boolean;
+                pointStyleWidth: number;
+                filter: ((item: {
+                    text?: string;
+                }) => boolean) | undefined;
+            };
+        };
+        title: {
+            display: boolean;
+            text: string;
+            color: string;
+            font: {
+                size: number;
+                weight: "600";
+            };
+            padding: {
+                top: number;
+                bottom: number;
+            };
+        };
+        tooltip: {
+            enabled: boolean;
+            mode: "index" | "nearest";
+            intersect: boolean;
+            backgroundColor: string;
+            titleColor: string;
+            bodyColor: string;
+            borderColor: string;
+            borderWidth: number;
+            cornerRadius: number;
+            padding: number;
+            titleFont: {
+                size: number;
+                weight: "600";
+            };
+            bodyFont: {
+                size: number;
+            };
+            displayColors: boolean;
+            boxPadding: number;
+            callbacks: {
+                title: (items: Array<{
+                    label: string;
+                }>) => string;
+                label: (ctx: {
+                    dataset: {
+                        label?: string;
+                    };
+                    parsed: {
+                        y: number;
+                        x: number;
+                    };
+                    formattedValue: string;
+                }) => string;
+            };
+        };
+        datalabels: {
+            display: boolean;
+            color?: undefined;
+            font?: undefined;
+            anchor?: undefined;
+            align?: undefined;
+            offset?: undefined;
+            formatter?: undefined;
+        } | {
+            display: string | boolean;
+            color: string;
+            font: {
+                size: number;
+                weight: "500";
+            };
+            anchor: "end";
+            align: "top";
+            offset: number;
+            formatter: ((value: number) => string) | undefined;
+        };
+    };
+    scales: {
+        x: {
+            stacked: boolean;
+            title: {
+                display: boolean;
+                text: string;
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: {
+                    top: number;
+                };
+            };
+            ticks: {
+                color: string;
+                font: {
+                    size: number;
+                };
+                maxRotation: number;
+                autoSkip: boolean;
+                maxTicksLimit: number;
+                padding: number;
+                callback: ((value: number | string) => string) | undefined;
+            };
+            grid: {
+                color: string;
+                drawTicks: boolean;
+            };
+            border: {
+                color: string;
+            };
+        };
+        y: {
+            stacked: boolean;
+            beginAtZero: boolean;
+            min: number | undefined;
+            max: number | undefined;
+            title: {
+                display: boolean;
+                text: string;
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: {
+                    bottom: number;
+                };
+            };
+            ticks: {
+                stepSize?: number | undefined;
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: number;
+                callback: ((value: number | string) => string) | undefined;
+            };
+            grid: {
+                color: string;
+            };
+            border: {
+                display: boolean;
+            };
+        };
+    };
+} | {
     responsive: boolean;
     maintainAspectRatio: boolean;
-    indexAxis: "y" | "x";
     animation: {
         duration: number;
         easing: "easeOutQuart";
     };
+    cutout: string | number;
     layout: {
         padding: {
             top: number;
@@ -597,13 +1244,10 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
             left: number;
         };
     };
-    interaction: {
-        mode: "index" | "nearest";
-        intersect: boolean;
-    };
     plugins: {
         legend: {
             display: boolean;
+            position: "top" | "bottom" | "left" | "right";
             labels: {
                 color: string;
                 font: {
@@ -612,9 +1256,7 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
                 padding: number;
                 usePointStyle: boolean;
                 pointStyleWidth: number;
-                filter: ((item: {
-                    text?: string;
-                }) => boolean) | undefined;
+                boxHeight: number;
             };
         };
         title: {
@@ -631,6 +1273,13 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
             };
         };
         tooltip: {
+            callbacks: {
+                title: () => string;
+                label: (ctx: {
+                    label: string;
+                    parsed: number;
+                }) => string;
+            };
             enabled: boolean;
             mode: "index" | "nearest";
             intersect: boolean;
@@ -650,20 +1299,82 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
             };
             displayColors: boolean;
             boxPadding: number;
-            callbacks: {
-                title: (items: Array<{
-                    label: string;
-                }>) => string;
-                label: (ctx: {
-                    dataset: {
-                        label?: string;
-                    };
-                    parsed: {
-                        y: number;
-                        x: number;
-                    };
-                    formattedValue: string;
-                }) => string;
+        };
+        datalabels: {
+            display: boolean;
+            color?: undefined;
+            font?: undefined;
+            anchor?: undefined;
+            align?: undefined;
+            offset?: undefined;
+            formatter?: undefined;
+        } | {
+            display: string | boolean;
+            color: string;
+            font: {
+                size: number;
+                weight: "500";
+            };
+            anchor: "end";
+            align: "top";
+            offset: number;
+            formatter: ((value: number) => string) | undefined;
+        };
+    };
+} | {
+    interaction: {
+        mode: "index";
+        intersect: boolean;
+    };
+    plugins: {
+        legend: {
+            display: boolean;
+            labels: {
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: number;
+                usePointStyle: boolean;
+                pointStyleWidth: number;
+                filter: ((item: {
+                    text?: string;
+                }) => boolean) | undefined;
+            };
+        };
+        tooltip: {
+            displayColors: boolean;
+            callbacks: undefined;
+            enabled: boolean;
+            mode: "index" | "nearest";
+            intersect: boolean;
+            backgroundColor: string;
+            titleColor: string;
+            bodyColor: string;
+            borderColor: string;
+            borderWidth: number;
+            cornerRadius: number;
+            padding: number;
+            titleFont: {
+                size: number;
+                weight: "600";
+            };
+            bodyFont: {
+                size: number;
+            };
+            boxPadding: number;
+        };
+        title: {
+            display: boolean;
+            text: string;
+            color: string;
+            font: {
+                size: number;
+                weight: "600";
+            };
+            padding: {
+                top: number;
+                bottom: number;
             };
         };
         datalabels: {
@@ -689,7 +1400,25 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
     };
     scales: {
         x: {
+            type: "time";
             stacked: boolean;
+            offset: boolean;
+            time: {
+                unit: string;
+            } | {
+                unit?: undefined;
+            };
+            ticks: {
+                maxRotation: number;
+                autoSkip: boolean;
+                maxTicksLimit: number;
+                callback: undefined;
+                color: string;
+                font: {
+                    size: number;
+                };
+                padding: number;
+            };
             title: {
                 display: boolean;
                 text: string;
@@ -701,17 +1430,6 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
                     top: number;
                 };
             };
-            ticks: {
-                color: string;
-                font: {
-                    size: number;
-                };
-                maxRotation: number;
-                autoSkip: boolean;
-                maxTicksLimit: number;
-                padding: number;
-                callback: ((value: number | string) => string) | undefined;
-            };
             grid: {
                 color: string;
                 drawTicks: boolean;
@@ -753,14 +1471,13 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
             };
         };
     };
-} | {
     responsive: boolean;
     maintainAspectRatio: boolean;
+    indexAxis: "y" | "x";
     animation: {
         duration: number;
         easing: "easeOutQuart";
     };
-    cutout: string | number;
     layout: {
         padding: {
             top: number;
@@ -769,40 +1486,16 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
             left: number;
         };
     };
+} | {
     plugins: {
         legend: {
             display: boolean;
-            position: "top" | "bottom" | "left" | "right";
-            labels: {
-                color: string;
-                font: {
-                    size: number;
-                };
-                padding: number;
-                usePointStyle: boolean;
-                pointStyleWidth: number;
-                boxHeight: number;
-            };
-        };
-        title: {
-            display: boolean;
-            text: string;
-            color: string;
-            font: {
-                size: number;
-                weight: "600";
-            };
-            padding: {
-                top: number;
-                bottom: number;
-            };
         };
         tooltip: {
             callbacks: {
                 title: () => string;
                 label: (ctx: {
-                    label: string;
-                    parsed: number;
+                    raw: HeatmapCell;
                 }) => string;
             };
             enabled: boolean;
@@ -825,6 +1518,19 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
             displayColors: boolean;
             boxPadding: number;
         };
+        title: {
+            display: boolean;
+            text: string;
+            color: string;
+            font: {
+                size: number;
+                weight: "600";
+            };
+            padding: {
+                top: number;
+                bottom: number;
+            };
+        };
         datalabels: {
             display: boolean;
             color?: undefined;
@@ -846,4 +1552,90 @@ export declare function buildChartOptions(result: TqlStatsResult, chartType: str
             formatter: ((value: number) => string) | undefined;
         };
     };
-};
+    scales: {
+        x: {
+            type: "category";
+            labels: string[];
+            offset: boolean;
+            grid: {
+                display: boolean;
+            };
+            ticks: {
+                color: string;
+                font: {
+                    size: number;
+                };
+                maxRotation: number;
+                autoSkip: boolean;
+                maxTicksLimit: number;
+                padding: number;
+                callback: ((value: number | string) => string) | undefined;
+            };
+        };
+        y: {
+            type: "category";
+            labels: string[];
+            offset: boolean;
+            grid: {
+                display: boolean;
+            };
+            ticks: {
+                color: string;
+            };
+        };
+    };
+    responsive: boolean;
+    maintainAspectRatio: boolean;
+    indexAxis: "y" | "x";
+    animation: {
+        duration: number;
+        easing: "easeOutQuart";
+    };
+    layout: {
+        padding: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    interaction: {
+        mode: "index" | "nearest";
+        intersect: boolean;
+    };
+} | {
+    responsive: boolean;
+    maintainAspectRatio: boolean;
+    animation: {
+        duration: number;
+        easing: "easeOutQuart";
+    };
+    plugins: {
+        legend: {
+            display: boolean;
+        };
+        title: {
+            display: boolean;
+            text: string;
+            color: string;
+        };
+        tooltip: {
+            callbacks: {
+                label: (ctx: {
+                    raw: GeoPoint;
+                }) => string;
+            };
+        };
+    };
+    scales: {
+        projection: {
+            axis: "x";
+            projection: string;
+        };
+        size: {
+            axis: "x";
+            size: [number, number];
+        };
+    };
+} | UnsupportedChart;
+export {};