@gravity-ui/charts 1.42.0 → 1.42.2

package/dist/{cjs/hooks/useSeries → esm/core/series}/prepare-pie.js

@@ -1,7 +1,7 @@
 import { scaleOrdinal } from 'd3-scale';
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE } from '../../constants';
-import { getUniqId } from '../../utils';
+import { getUniqId } from '../utils';
+import { DEFAULT_DATALABELS_STYLE } from '../constants';
 import { DEFAULT_DATALABELS_PADDING } from './constants';
 import { prepareLegendSymbol } from './utils';
 function prepareSeriesData(series) {

package/dist/{cjs/hooks/useSeries → esm/core/series}/prepare-radar.d.ts

@@ -9,7 +9,7 @@ type PrepareRadarSeriesArgs = {
 export declare const DEFAULT_MARKER: {
     enabled: boolean;
     radius: number;
-    symbol: `${import("../../constants").SymbolType}`;
+    symbol: `${import("..").SymbolType}`;
     borderColor: string;
     borderWidth: number;
 };

package/dist/{cjs/hooks/useSeries → esm/core/series}/prepare-radar.js

@@ -1,8 +1,8 @@
 import { scaleOrdinal } from 'd3-scale';
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { DEFAULT_DATALABELS_STYLE } from '../../constants';
-import { getUniqId } from '../../utils';
+import { getUniqId } from '../utils';
+import { DEFAULT_DATALABELS_STYLE } from '../constants';
 import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS, } from './constants';
 import { prepareLegendSymbol } from './utils';
 export const DEFAULT_MARKER = Object.assign(Object.assign({}, DEFAULT_POINT_MARKER_OPTIONS), { enabled: true, radius: 2 });

package/dist/esm/{hooks/useSeries → core/series}/prepare-sankey.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE } from '../../constants';
-import { getUniqId } from '../../utils';
+import { getUniqId } from '../utils';
+import { DEFAULT_DATALABELS_STYLE } from '../constants';
 import { prepareLegendSymbol } from './utils';
 export function prepareSankeySeries(args) {
     const { colorScale, legend, series } = args;

package/dist/esm/{hooks/useSeries → core/series}/prepare-scatter.js

@@ -1,7 +1,7 @@
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { seriesRangeSliderOptionsDefaults } from '../../constants';
-import { getSymbolType, getUniqId } from '../../utils';
+import { getSymbolType, getUniqId } from '../utils';
+import { seriesRangeSliderOptionsDefaults } from '../constants';
 import { DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS } from './constants';
 import { prepareLegendSymbol } from './utils';
 function prepareMarker(series, seriesOptions, index) {

package/dist/esm/{hooks/useSeries → core/series}/prepare-treemap.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE, LayoutAlgorithm } from '../../constants';
-import { getUniqId } from '../../utils';
+import { getUniqId } from '../utils';
+import { DEFAULT_DATALABELS_STYLE, LayoutAlgorithm } from '../constants';
 import { DEFAULT_DATALABELS_PADDING } from './constants';
 import { prepareLegendSymbol } from './utils';
 export function prepareTreemap(args) {

package/dist/{cjs/hooks/useSeries → esm/core/series}/prepare-waterfall.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { DEFAULT_DATALABELS_STYLE } from '../../constants';
-import { getUniqId } from '../../utils';
+import { getUniqId } from '../utils';
+import { DEFAULT_DATALABELS_STYLE } from '../constants';
 import { DEFAULT_DATALABELS_PADDING } from './constants';
 import { prepareLegendSymbol } from './utils';
 function prepareSeriesData(series) {

package/dist/esm/core/series/types.d.ts

@@ -0,0 +1,346 @@
+import type { AreaSeries, AreaSeriesData, BarXSeries, BarXSeriesData, BarYSeries, BarYSeriesData, BaseTextStyle, ChartLegend, ChartSeries, ChartSeriesRangeSliderOptions, ConnectorCurve, ConnectorShape, FunnelSeries, FunnelSeriesData, HeatmapSeries, HeatmapSeriesData, LineSeries, LineSeriesData, LineSeriesLineBaseStyle, PathLegendSymbolOptions, PieSeries, PieSeriesData, RadarSeries, RadarSeriesCategory, RadarSeriesData, RectLegendSymbolOptions, SankeySeries, SankeySeriesData, ScatterSeries, ScatterSeriesData, SymbolLegendSymbolOptions, TreemapSeries, TreemapSeriesData, ValueFormat, WaterfallSeries, WaterfallSeriesData } from '../../types';
+import type { DashStyle, LayoutAlgorithm, LineCap, LineJoin, SeriesOptionsDefaults, SymbolType } from '../constants';
+export type RectLegendSymbol = {
+    shape: 'rect';
+} & Required<RectLegendSymbolOptions>;
+export type PathLegendSymbol = {
+    shape: 'path';
+    strokeWidth: number;
+} & Required<PathLegendSymbolOptions>;
+export type SymbolLegendSymbol = {
+    shape: 'symbol';
+    symbolType: `${SymbolType}`;
+} & Required<SymbolLegendSymbolOptions>;
+export type PreparedLegendSymbol = (RectLegendSymbol | PathLegendSymbol | SymbolLegendSymbol) & {
+    bboxWidth: number;
+};
+export type PreparedLegend = Required<Omit<ChartLegend, 'title' | 'colorScale'>> & {
+    height: number;
+    lineHeight: number;
+    title: {
+        enable: boolean;
+        text: string;
+        margin: number;
+        style: BaseTextStyle;
+        height: number;
+        align: Required<Required<ChartLegend>['title']>['align'];
+    };
+    ticks: {
+        labelsMargin: number;
+        labelsLineHeight: number;
+        style: BaseTextStyle;
+    };
+    colorScale: {
+        colors: string[];
+        domain: number[];
+        stops: number[];
+    };
+};
+export type OnLegendItemClick = (data: {
+    id: string;
+    name: string;
+    metaKey: boolean;
+}) => void;
+export type LegendItem = {
+    id: string;
+    color: string;
+    height: number;
+    name: string;
+    text: string;
+    symbol: PreparedLegendSymbol;
+    textWidth: number;
+    dashStyle?: DashStyle;
+    overflowed?: boolean;
+    visible?: boolean;
+};
+export type PreparedHaloOptions = {
+    enabled: boolean;
+    opacity: number;
+    size: number;
+};
+type BasePreparedSeries = {
+    color: string;
+    name: string;
+    id: string;
+    visible: boolean;
+    legend: {
+        groupId: string;
+        itemText: string;
+        enabled: boolean;
+        symbol: PreparedLegendSymbol;
+    };
+    cursor: string | null;
+    tooltip: ChartSeries['tooltip'];
+};
+type BasePreparedAxisRelatedSeries = {
+    rangeSlider: Required<ChartSeriesRangeSliderOptions> & Partial<LineSeriesLineBaseStyle>;
+};
+export type PreparedScatterSeries = {
+    type: ScatterSeries['type'];
+    data: ScatterSeriesData[];
+    marker: {
+        states: {
+            normal: {
+                symbol: `${SymbolType}`;
+                enabled: boolean;
+                radius: number;
+                borderWidth: number;
+                borderColor: string;
+            };
+            hover: {
+                enabled: boolean;
+                radius: number;
+                borderWidth: number;
+                borderColor: string;
+                halo: PreparedHaloOptions;
+            };
+        };
+    };
+    yAxis: number;
+} & BasePreparedSeries & BasePreparedAxisRelatedSeries;
+export type PreparedBarXSeries = {
+    type: BarXSeries['type'];
+    data: BarXSeriesData[];
+    stackId: string;
+    stacking: BarXSeries['stacking'];
+    dataLabels: {
+        enabled: boolean;
+        inside: boolean;
+        style: BaseTextStyle;
+        allowOverlap: boolean;
+        padding: number;
+        html: boolean;
+        format?: ValueFormat;
+    };
+    borderRadius: number;
+    yAxis: number;
+} & BasePreparedSeries & BasePreparedAxisRelatedSeries;
+export type PreparedBarYSeries = {
+    type: BarYSeries['type'];
+    data: BarYSeriesData[];
+    stackId: string;
+    stacking: BarYSeries['stacking'];
+    dataLabels: {
+        padding: number;
+        enabled: boolean;
+        inside: boolean;
+        style: BaseTextStyle;
+        maxHeight: number;
+        maxWidth: number;
+        html: boolean;
+        format?: ValueFormat;
+        allowOverlap: boolean;
+    };
+    borderRadius: number;
+    borderWidth: number;
+    borderColor: string;
+} & BasePreparedSeries;
+export type PreparedHeatmapSeries = {
+    type: HeatmapSeries['type'];
+    data: HeatmapSeriesData[];
+    dataLabels: {
+        enabled: boolean;
+        style: BaseTextStyle;
+        html: boolean;
+        format?: ValueFormat;
+    };
+    borderWidth: number;
+    borderColor: string;
+} & BasePreparedSeries;
+export type PreparedPieSeries = {
+    type: PieSeries['type'];
+    data: PieSeriesData;
+    value: PieSeriesData['value'];
+    borderColor: string;
+    borderWidth: number;
+    borderRadius: number;
+    center?: [string | number | null, string | number | null];
+    radius?: string | number;
+    innerRadius?: string | number;
+    minRadius?: string | number;
+    stackId: string;
+    label?: PieSeriesData['label'];
+    dataLabels: {
+        enabled: boolean;
+        padding: number;
+        style: BaseTextStyle;
+        allowOverlap: boolean;
+        connectorPadding: number;
+        connectorShape: ConnectorShape;
+        distance: number;
+        connectorCurve: ConnectorCurve;
+        html: boolean;
+        format?: ValueFormat;
+    };
+    states: {
+        hover: {
+            halo: PreparedHaloOptions;
+        };
+    };
+    renderCustomShape?: PieSeries['renderCustomShape'];
+    opacity: number | null;
+} & BasePreparedSeries;
+export type PreparedLineSeries = {
+    type: LineSeries['type'];
+    data: LineSeriesData[];
+    lineWidth: number;
+    dataLabels: {
+        enabled: boolean;
+        style: BaseTextStyle;
+        padding: number;
+        allowOverlap: boolean;
+        html: boolean;
+        format?: ValueFormat;
+    };
+    marker: {
+        states: {
+            normal: {
+                symbol: `${SymbolType}`;
+                enabled: boolean;
+                radius: number;
+                borderWidth: number;
+                borderColor: string;
+            };
+            hover: {
+                enabled: boolean;
+                radius: number;
+                borderWidth: number;
+                borderColor: string;
+                halo: PreparedHaloOptions;
+            };
+        };
+    };
+    dashStyle: DashStyle;
+    linecap: LineCap;
+    linejoin: LineJoin;
+    opacity: number | null;
+    yAxis: number;
+} & BasePreparedSeries & BasePreparedAxisRelatedSeries;
+export type PreparedAreaSeries = {
+    type: AreaSeries['type'];
+    data: AreaSeriesData[];
+    stacking: AreaSeries['stacking'];
+    stackId: string;
+    lineWidth: number;
+    opacity: number;
+    nullMode: AreaSeries['nullMode'];
+    dataLabels: {
+        enabled: boolean;
+        style: BaseTextStyle;
+        padding: number;
+        allowOverlap: boolean;
+        html: boolean;
+        format?: ValueFormat;
+    };
+    marker: {
+        states: {
+            normal: {
+                symbol: `${SymbolType}`;
+                enabled: boolean;
+                radius: number;
+                borderWidth: number;
+                borderColor: string;
+            };
+            hover: {
+                enabled: boolean;
+                radius: number;
+                borderWidth: number;
+                borderColor: string;
+                halo: PreparedHaloOptions;
+            };
+        };
+    };
+    yAxis: number;
+} & BasePreparedSeries & BasePreparedAxisRelatedSeries;
+export type PreparedTreemapSeries = {
+    type: TreemapSeries['type'];
+    data: TreemapSeriesData[];
+    dataLabels: {
+        enabled: boolean;
+        style: BaseTextStyle;
+        padding: number;
+        allowOverlap: boolean;
+        html: boolean;
+        align: Required<Required<TreemapSeries>['dataLabels']>['align'];
+        format?: ValueFormat;
+    };
+    layoutAlgorithm: `${LayoutAlgorithm}`;
+    sorting: Required<TreemapSeries['sorting']>;
+} & BasePreparedSeries & Required<Omit<TreemapSeries, keyof BasePreparedSeries>>;
+export type PreparedWaterfallSeriesData = WaterfallSeriesData & {
+    index: number;
+};
+export type PreparedWaterfallSeries = {
+    type: WaterfallSeries['type'];
+    data: PreparedWaterfallSeriesData[];
+    dataLabels: {
+        enabled: boolean;
+        style: BaseTextStyle;
+        allowOverlap: boolean;
+        padding: number;
+        html: boolean;
+        format?: ValueFormat;
+    };
+} & BasePreparedSeries;
+export type PreparedSankeySeries = {
+    type: SankeySeries['type'];
+    data: SankeySeriesData[];
+    dataLabels: {
+        enabled: boolean;
+        style: BaseTextStyle;
+        format?: ValueFormat;
+    };
+} & BasePreparedSeries & Omit<SankeySeries, keyof BasePreparedSeries>;
+export type PreparedRadarSeries = {
+    type: RadarSeries['type'];
+    data: RadarSeriesData[];
+    categories: RadarSeriesCategory[];
+    borderColor: string;
+    borderWidth: number;
+    fillOpacity: number;
+    dataLabels: {
+        enabled: boolean;
+        style: BaseTextStyle;
+        padding: number;
+        allowOverlap: boolean;
+        html: boolean;
+        format?: ValueFormat;
+    };
+    marker: {
+        states: {
+            normal: {
+                symbol: `${SymbolType}`;
+                enabled: boolean;
+                radius: number;
+                borderWidth: number;
+                borderColor: string;
+            };
+            hover: {
+                enabled: boolean;
+                radius: number;
+                borderWidth: number;
+                borderColor: string;
+                halo: PreparedHaloOptions;
+            };
+        };
+    };
+} & BasePreparedSeries;
+export type PreparedFunnelSeries = {
+    type: FunnelSeries['type'];
+    data: FunnelSeriesData;
+    dataLabels: {
+        enabled: boolean;
+        style: BaseTextStyle;
+        html: boolean;
+        format?: ValueFormat;
+        align: Required<Required<FunnelSeries>['dataLabels']>['align'];
+    };
+    connectors: Required<FunnelSeries['connectors']>;
+} & BasePreparedSeries;
+export type PreparedSeries = PreparedScatterSeries | PreparedBarXSeries | PreparedBarYSeries | PreparedPieSeries | PreparedLineSeries | PreparedAreaSeries | PreparedTreemapSeries | PreparedWaterfallSeries | PreparedSankeySeries | PreparedRadarSeries | PreparedHeatmapSeries | PreparedFunnelSeries;
+export type PreparedZoomableSeries = Extract<PreparedSeries, {
+    data: Array<unknown>;
+}>;
+export type PreparedSeriesOptions = SeriesOptionsDefaults;
+export type StackedSeries = BarXSeries | AreaSeries | BarYSeries;
+export {};

package/dist/esm/core/series/utils.d.ts

@@ -0,0 +1,11 @@
+import type { RectLegendSymbolOptions } from '../../types';
+import { SymbolType } from '../constants';
+import type { PathLegendSymbol, PreparedLegendSymbol, PreparedSeries, StackedSeries } from './types';
+export declare const getActiveLegendItems: (series: PreparedSeries[]) => string[];
+export declare const getAllLegendItems: (series: PreparedSeries[]) => string[];
+export declare function prepareLegendSymbol(series: {
+    legend?: {
+        symbol?: RectLegendSymbolOptions | PathLegendSymbol;
+    };
+}, symbolType?: `${SymbolType}`): PreparedLegendSymbol;
+export declare function getSeriesStackId(series: StackedSeries): string;

package/dist/esm/core/series/utils.js

@@ -0,0 +1,37 @@
+import memoize from 'lodash/memoize';
+import { getSymbolBBoxWidth } from '../utils';
+import { SymbolType } from '../constants';
+import { getUniqId } from '../utils/misc';
+import { DEFAULT_LEGEND_SYMBOL_PADDING, DEFAULT_LEGEND_SYMBOL_SIZE } from './constants';
+export const getActiveLegendItems = (series) => {
+    return series.reduce((acc, s) => {
+        if (s.legend.enabled && s.visible) {
+            acc.push(s.legend.groupId);
+        }
+        return acc;
+    }, []);
+};
+export const getAllLegendItems = (series) => {
+    return series.map((s) => s.legend.groupId);
+};
+export function prepareLegendSymbol(series, symbolType) {
+    var _a;
+    const symbolOptions = ((_a = series.legend) === null || _a === void 0 ? void 0 : _a.symbol) || {};
+    const width = (symbolOptions === null || symbolOptions === void 0 ? void 0 : symbolOptions.width) || DEFAULT_LEGEND_SYMBOL_SIZE;
+    const type = symbolType || SymbolType.Circle;
+    return {
+        shape: 'symbol',
+        symbolType: type,
+        width,
+        bboxWidth: getSymbolBBoxWidth({ symbolSize: Math.pow(width, 2), symbolType: type }),
+        padding: (symbolOptions === null || symbolOptions === void 0 ? void 0 : symbolOptions.padding) || DEFAULT_LEGEND_SYMBOL_PADDING,
+    };
+}
+const getCommonStackId = memoize(getUniqId);
+export function getSeriesStackId(series) {
+    let stackId = series.stackId;
+    if (!stackId) {
+        stackId = series.stacking ? getCommonStackId() : getUniqId();
+    }
+    return stackId;
+}

package/dist/{cjs → esm/core}/types/chart/base.d.ts

@@ -15,6 +15,25 @@ export type CustomFormat = {
         formattedValue?: string;
     }) => string;
 };
+/**
+ * Specifies how a value should be formatted for display.
+ *
+ * - `{ type: 'number' }` — numeric formatting with optional precision, units, percent display, etc.
+ *   See [FormatNumberOptions](https://gravity-ui.github.io/charts/pages/api/Utilities/interfaces/FormatNumberOptions.html) for all available options.
+ * - `{ type: 'date' }` — date/time formatting
+ *
+ * @example
+ * // Two decimal places, shown as percent
+ * { type: 'number', precision: 2, format: 'percent' }
+ *
+ * @example
+ * // Compact thousands: 1 500 000 → "1.5M"
+ * { type: 'number', unit: 'auto', precision: 1 }
+ *
+ * @example
+ * // Date value (Unix ms) formatted as "17 October 2025"
+ * { type: 'date', format: 'DD MMMM YYYY' }
+ */
 export type ValueFormat = NumberFormat | DateFormat;
 export interface BaseDataLabels {
     /**

package/dist/{cjs → esm/core}/types/chart/tooltip.d.ts

@@ -1,5 +1,5 @@
 import type { TOOLTIP_TOTALS_BUILT_IN_AGGREGATION } from '../../constants';
-import type { DateTimeLabelFormats } from '../../utils/chart/time';
+import type { DateTimeLabelFormats } from '../../utils/time';
 import type { MeaningfulAny } from '../misc';
 import type { AreaSeries, AreaSeriesData } from './area';
 import type { AxisPlotBand, AxisPlotLine, ChartXAxis, ChartYAxis } from './axis';

package/dist/esm/core/types/chart/zoom.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/core/types/formatter.d.ts

@@ -0,0 +1,40 @@
+export interface FormatOptions {
+    /**
+     * Number of decimal places to display.
+     * Use `'auto'` to determine precision automatically based on the value magnitude.
+     */
+    precision?: number | 'auto';
+    /** When `true`, inserts a thousands separator (e.g. `1 500 000`). */
+    showRankDelimiter?: boolean;
+    /**
+     * BCP 47 language tag used for locale-aware formatting (e.g. `'en'`, `'ru'`).
+     * Defaults to the application locale when omitted.
+     */
+    lang?: string;
+    /** Internal rendering hint for axis label layout. Not intended for public use. */
+    labelMode?: string;
+}
+export interface FormatNumberOptions extends FormatOptions {
+    /**
+     * Display mode for the numeric value.
+     * - `'number'` — plain number (default).
+     * - `'percent'` — value is multiplied by 100 and rendered with a `%` suffix.
+     */
+    format?: 'number' | 'percent';
+    /** Factor applied to the value before formatting. For example, `multiplier: 1000` converts seconds to milliseconds. */
+    multiplier?: number;
+    /** String prepended to the formatted value (e.g. `'$'`). */
+    prefix?: string;
+    /** String appended to the formatted value (e.g. `' USD'`). */
+    postfix?: string;
+    /**
+     * Compact unit suffix applied to large numbers.
+     * - `'auto'` — picks the most appropriate unit automatically (`k`, `m`, `b`, `t`).
+     * - `'k'` — thousands (÷ 1 000).
+     * - `'m'` — millions (÷ 1 000 000).
+     * - `'b'` — billions (÷ 1 000 000 000).
+     * - `'t'` — trillions (÷ 1 000 000 000 000).
+     * - `null` — no unit suffix.
+     */
+    unit?: 'auto' | 'k' | 'm' | 'b' | 't' | null;
+}

package/dist/esm/core/types/formatter.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/core/types/index.d.ts

@@ -0,0 +1,96 @@
+import type { ChartXAxis, ChartYAxis } from './chart/axis';
+import type { ChartOptions } from './chart/chart';
+import type { ChartLegend } from './chart/legend';
+import type { ChartSeries, ChartSeriesOptions } from './chart/series';
+import type { ChartSplit } from './chart/split';
+import type { ChartTitle } from './chart/title';
+import type { ChartTooltip } from './chart/tooltip';
+import type { MeaningfulAny } from './misc';
+export * from './misc';
+export * from './chart/axis';
+export * from './chart/base';
+export * from './chart/chart';
+export * from './chart/legend';
+export * from './chart/pie';
+export * from './chart/scatter';
+export * from './chart/bar-x';
+export * from './chart/bar-y';
+export * from './chart/area';
+export * from './chart/line';
+export * from './chart/series';
+export * from './chart/split';
+export * from './chart/title';
+export * from './chart/tooltip';
+export * from './chart/zoom';
+export * from './chart/halo';
+export * from './chart/treemap';
+export * from './chart/waterfall';
+export * from './chart/sankey';
+export * from './chart/radar';
+export * from './chart/heatmap';
+export * from './chart/funnel';
+export * from './chart/brush';
+export interface ChartData<T = MeaningfulAny> {
+    /**
+     * General options for the chart.
+     */
+    chart?: ChartOptions;
+    /**
+     * The color list of palette.
+     * If no color is set in series, the colors would be adopted sequentially and circularly from this list as the colors of series.
+     * @default ['#4DA2F1', '#FF3D64', '#8AD554', '#FFC636', '#FFB9DD', '#84D1EE', '#FF91A1', '#54A520', '#DB9100', '#BA74B3', '#1F68A9', '#ED65A9', '#0FA08D', '#FF7E00', '#E8B0A4', '#52A6C5', '#BE2443', '#70C1AF', '#FFB46C', '#DCA3D7']
+     */
+    colors?: string[];
+    /**
+     * Default state applied on first render.
+     */
+    defaultState?: {
+        /**
+         * Position within the plot area to trigger hover on first render.
+         * Values can be absolute pixels (`number` or `"100px"`) or percentages (`"50%"`).
+         */
+        hoveredPosition?: {
+            x: number | string;
+            y: number | string;
+        };
+    };
+    /**
+     * The legend displays a labeled box for each data element in the chart.
+     * It shows a distinctive symbol paired with a name for every series.
+     */
+    legend?: ChartLegend;
+    /**
+     * Represents the series data and series options.
+     */
+    series: {
+        /**
+         * Contains data points to be plotted.
+         */
+        data: ChartSeries<T>[];
+        /**
+         * Allows for customizing the appearance and behavior of the series.
+         */
+        options?: ChartSeriesOptions;
+    };
+    /**
+     * Setting for displaying charts on different plots.
+     * It can be used to visualize related information on multiple charts.
+     */
+    split?: ChartSplit;
+    /**
+     * The main title of the chart.
+     */
+    title?: ChartTitle;
+    /**
+     * Options for the tooltip that appears when the user hovers over a series or point.
+     */
+    tooltip?: ChartTooltip<T>;
+    /**
+     * Options for the the X axis.
+     */
+    xAxis?: ChartXAxis;
+    /**
+     * Options for the the Y axis or multiple Y axes.
+     */
+    yAxis?: ChartYAxis[];
+}

package/dist/esm/core/types/index.js

@@ -0,0 +1,24 @@
+export * from './misc';
+export * from './chart/axis';
+export * from './chart/base';
+export * from './chart/chart';
+export * from './chart/legend';
+export * from './chart/pie';
+export * from './chart/scatter';
+export * from './chart/bar-x';
+export * from './chart/bar-y';
+export * from './chart/area';
+export * from './chart/line';
+export * from './chart/series';
+export * from './chart/split';
+export * from './chart/title';
+export * from './chart/tooltip';
+export * from './chart/zoom';
+export * from './chart/halo';
+export * from './chart/treemap';
+export * from './chart/waterfall';
+export * from './chart/sankey';
+export * from './chart/radar';
+export * from './chart/heatmap';
+export * from './chart/funnel';
+export * from './chart/brush';

package/dist/esm/core/types/misc.js

@@ -0,0 +1 @@
+export {};