@arcgis/charts-components 5.0.0-next.14 → 5.0.0-next.140

package/dist/chart-rendering/common/interfaces.d.ts

@@ -1,374 +1,321 @@
-import { default as MapView } from '@arcgis/core/views/MapView';
-import { default as SceneView } from '@arcgis/core/views/SceneView';
-import { default as FeatureLayerView } from '@arcgis/core/views/layers/FeatureLayerView';
-import { IField, SupportedLayer, WebBoxPlot, WebChart, WebChartDataFilters, WebChartDataItem, WebChartDataItemValue, WebChartDataTypes, WebChartPieChartSlice, WebChartQuery, WebGaugeChart } from '../../spec';
-import { AbortControllerKeyType, ActionModes, BinnedServerData, ChartElementLimit, CursorRange, ErrorStrings, LoaderColors, QueryObject, SelectionData, SelectionTheme, UtilsStrings } from '../../utils';
-export declare const uuidNamespace: string;
+import type MapView from "@arcgis/core/views/MapView";
+import type SceneView from "@arcgis/core/views/SceneView";
+import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView";
+import type { SupportedLayer } from "../../interfaces.js";
+import type { WebChart, WebChartDataFilters, WebChartPieChartSlice, WebGaugeChart } from "../../spec/web-chart.js";
+import type { WebChartDataItem, WebChartDataItemValue, WebChartDataTypes } from "../../spec/data-source.js";
+import type { ActionModes, CursorRange } from "../../utils/cursor/interfaces.js";
+import type { LoaderColors, SelectionData, SelectionTheme } from "../../utils/misc/interfaces.js";
+import type { ChartElementLimit } from "../../utils/defaults/interfaces.js";
+
 export interface NotifyOptions {
-    closable?: boolean;
+  closable?: boolean;
 }
-export type AnyConfigType = WebBoxPlot | WebChart | WebGaugeChart;
-export type ConfigWithILayer = WebBoxPlot | WebChart | WebGaugeChart;
-export type XYConfigWithILayer = WebBoxPlot | WebChart;
-export interface T9NStrings {
-    utilsStrings: UtilsStrings;
-    errorStrings: ErrorStrings;
-}
-export interface CreateChartProps<ConfigType extends AnyConfigType> {
-    chartContainer?: HTMLElement;
-    chartConfig?: ConfigType;
-    queryObject?: QueryObject;
-    options?: ChartOptions;
-    globalOptions?: GlobalOptions;
-    inputData?: WebChartDataItem[];
-    t9nStrings: T9NStrings;
-}
-export interface UpdateChartProps {
-    newChartConfig?: WebChart | WebGaugeChart;
-    updateOptions?: ChartOptions;
-    updateGlobalOptions?: GlobalOptions;
-    t9nStrings: T9NStrings;
-}
-export interface FetchDataProps {
-    queryObject?: QueryObject;
-    chartConfig: WebChart;
-    queryConfig: WebChartQuery;
-    filterBySelectionChanged?: boolean;
-    options?: ChartOptions;
-    binnedServerData?: BinnedServerData;
-    abortKey?: AbortControllerKeyType;
-    errorStrings: ErrorStrings;
-    /** indicates whether to calculate z-score or not for the box plots. */
-    calculateZScore?: boolean;
-    /**
-     * indicates whether to fetch all the data for box plot. If false we don't fetch the outliers and
-     * only fetch the average (mean) statistic.
-     */
-    fetchFullBoxPlotData?: boolean;
-    completeHeatChartDataset?: boolean;
-    fieldList?: IField[];
-}
-export interface UpdateChartElementsProps {
-    newConfig?: WebChart | WebGaugeChart;
-    forceDataUpdate?: boolean;
-    updateOptions?: ChartOptions;
-    updateGlobalOptions?: GlobalOptions;
-    utilsStrings: UtilsStrings;
-}
-export interface ExportChartImageOptions {
-    format: "jpg" | "png";
-    /** quality of the exported image 0-1 */
-    quality?: number;
-    /** min width for the exported image */
-    minWidth?: number;
-    /** max width for the exported image */
-    maxWidth?: number;
-    /** min height for the exported image */
-    minHeight?: number;
-    /** max height for the exported image */
-    maxHeight?: number;
-}
-export interface ChartInstance {
-    update: (updateProps: UpdateChartProps) => Promise<void>;
-    dispose: () => void;
-    notify: (message?: string, heading?: string, options?: NotifyOptions) => void;
-    resetZoom: () => void;
-    clearSelection: () => void;
-    switchSelection: () => Promise<void>;
-    setActionMode: (actionMode?: ActionModes, cursorRange?: CursorRange) => void;
-    exportImage: (exportProps: ExportChartImageOptions) => Promise<File>;
-}
-export type HeatChartLabelFormatCallback = (statValue: number, x?: number | string, y?: number | string) => string;
-/** Describes the signature of the callback function used to customize the pie chart data labels and tooltips */
-export type PieChartLabelFormatCallback = (category: string, value?: number, percent?: number, originalCategory?: WebChartDataItemValue) => string;
-/** Describes the signature of the callback function used to customize the pie chart legend value labels. */
+
+/**
+ * Describes the signature of the callback function used to customize the pie chart legend value labels.
+ *
+ * @param value
+ * @param percent
+ */
 export type PieChartLegendValueLabelFormatCallback = (value?: number, percent?: number) => string;
-/** Describes the signature of the callback function used to customize the histogram tooltips */
-export type HistogramLabelFormatCallback = (count: number, binMinValue: number, binMaxValue: number) => string;
-/** Describes the signature of the callback function used to customize the scatterplot tooltips */
-export type ScatterplotLabelFormatCallback = (x: number, y: number, sizePolicyValue?: number, dataContext?: WebChartDataItem) => string;
-export interface BarAndLineTooltipFormatCallbackProps {
-    seriesName: string;
-    statValue?: number;
-    percentValue?: number;
-    xValue?: Date | number | string;
-    originalXValue?: WebChartDataItemValue;
-    dateBinningRange?: [number, number];
-}
-/** Describes the signature of the callback function used to customize the bar and line chart plot tooltips */
-export type BarAndLineTooltipFormatCallback = (props: BarAndLineTooltipFormatCallbackProps) => string;
-export interface BoxPlotTooltipFormatCallbackProps {
-    seriesName: string;
-    dataContext: WebChartDataItem;
-    xValue?: Date | number | string;
-    originalXValue?: WebChartDataItemValue;
-}
-/** Describes the signature of the callback function used to customize the box plot tooltips */
-export type BoxPlotTooltipFormatCallback = (props: BoxPlotTooltipFormatCallbackProps) => string;
-/** Describes the signature of the callback function used to customize the bar and line chart plot data labels */
-export type BarAndLineDataLabelFormatCallback = (statValue: number, percent?: number) => string;
-/** Describes the signature of the callback function used to customize the heat chart data labels */
-export type HeatChartDataLabelFormatCallback = (statValue: number, x?: string, y?: string) => string;
-export interface GuideTooltipFormatCallbackProps {
-    guideName: string;
-    start: Date | number | string;
-    end?: Date | number | string;
-    guideIndex: number;
-}
-/** Describes the signature of the callback function used to customize a guide's tooltip */
+
+/**
+ * Describes the signature of the callback function used to customize a guide's tooltip
+ *
+ * @param props
+ */
 export type GuideTooltipFormatCallback = (props: GuideTooltipFormatCallbackProps) => string;
+
 /**
  * Describes the signature of the callback function used to customize an axis labels.
  * The `value` is the displayed label.
  * The `originalValue` is provided when the `value` is an alias or coded domain description.
+ *
+ * @param value
+ * @param originalValue
  */
 export type AxisLabelFormatCallback = (value: Date | number | string | null, originalValue?: WebChartDataItemValue) => string;
-/** Describes the signature of the callback function used to customize a gauge inner label */
+
+/**
+ * Describes the signature of the callback function used to customize a gauge inner label
+ *
+ * @param value
+ */
 export type GaugeInnerLabelFormatCallback = (value?: number) => string;
+
 /**
  * Describes the signature of the callback function executed before rendering the chart.
  * The `slices` property will be  only provided for the pie charts.
+ *
+ * @param props
  */
 export type PreRenderCallback = (props: {
     chartConfig: WebChart | WebGaugeChart;
     data?: WebChartDataTypes;
     slices?: WebChartPieChartSlice[];
 }) => Promise<WebChart | WebGaugeChart>;
-export type TooltipFormatters = BarAndLineTooltipFormatCallback | BoxPlotTooltipFormatCallback | HistogramLabelFormatCallback | PieChartLabelFormatCallback | ScatterplotLabelFormatCallback;
+
 /** JSON representation of the runtime chart options for the update or initialization. */
 export interface ChartOptions {
-    /**
-     * Whether to allow the object id to be used as a statistic other than COUNT.
-     *
-     * @default false
-     */
-    allowUsingObjectIdStat?: boolean;
-    /**
-     * Whether to consider a `null` statistic as valid. If set to `false` and the data has only
-     * null values, the chart's dataset will be considered empty:
-     * - the corresponding warning event will be sent
-     * - the "no data" message will be displayed (unless `showUIMesssages` is set to `false`)
-     *
-     * @default false
-     */
-    nullAsValid?: boolean;
-    /**
-     * Whether to display or hide all UI messages (e.g. no data warnings, or when the logarithmic scale can't be applied to an
-     * axis when the data contains values <= 0).
-     *
-     * @default true
-     */
-    showUIMessages?: boolean;
-    /**
-     * A property representing the selection to apply on the chart.
-     * The properties are considered in the following order:
-     * - selectionData.selectionOIDs: an array of Object Ids (for Feature Layer) representing a selection to apply to the chart.
-     * - selectionData.selectionItems: an array of data items representing a selection to apply to the chart.
-     */
-    selectionData?: SelectionData;
-    /**
-     * Indicates if the object ids need to be computed whenever a selection is made on or passed to the chart.
-     * Only considered for a data source using a feature layer.
-     *
-     * @default true
-     */
-    returnSelectionOIDs?: boolean;
-    /**
-     * Indicates if the selection indexes need to be computed whenever a selection is made on or passed to the chart.
-     *
-     * @default false
-     */
-    returnSelectionIndexes?: boolean;
-    /**
-     * Allows the features extent to be returned, through the `arcgisChartsJSDataProcessComplete` and `arcgisChartsJSSelectionComplete` events payload.
-     * Applies only to:
-     *   - charts using an aggregation
-     *   - data source using a feature layer compatible with envelope aggregation
-     * The extent (IExtent) is returned through a property called `arcgis_charts_features_extent`.
-     *
-     * @default false
-     */
-    returnFeaturesExtent?: boolean;
-    /**
-     * Used to provide a customized theme for the selected and non selected elements.
-     * If no style is provided for the selected elements, a default selection is applied.
-     * If no style is provided for the non selected elements, the chart's style is applied.
-     */
-    selectionTheme?: SelectionTheme;
-    /** used to perform client-side queries */
-    view?: MapView | SceneView;
-    /** used to perform queries */
-    layer?: FeatureLayerView | SupportedLayer;
-    /** enable filter by selection */
-    filterBySelection?: boolean;
-    /**
-     * Re initialize chart object if the chart object is disposed.
-     * Honoured only during the update call.
-     * default is true;
-     */
-    autoRecreateChart?: boolean;
-    /**
-     * Indicates whether to automatically inverse the data label text color when it's too dark or too light.
-     *
-     * @remark Currently this feature is only available for stacked bar series and pie charts with `dataLabelsInside` set to true.
-     */
-    autoInverseDataLabelTextColor?: boolean;
-    /** optional create message to be displayed in the chart container. */
-    createMessage?: string;
-    /**
-     * Used to hide the loader animation (curtain and spinner), showed by default at every update.
-     *
-     * @default false
-     */
-    hideLoaderAnimation?: boolean;
-    /**
-     * Hide the series from the chart if it doesn't have data (i.e. empty)
-     * For example, after apply data filters, filter by attribute or geometry (as when using the filter by extent)
-     *
-     * @default true
-     */
-    hideEmptySeries?: boolean;
-    /**
-     * Used to customize the loader's colors (spinner and curtain).
-     * The loader is displayed when the chart is loading data or when the chart is being updated unless when `hideLoaderAnimation` is set to `true`.
-     */
-    loaderColors?: LoaderColors;
-    /**
-     * Whether to replace the missing categories from a count aggregation with 0s in the chart's data.
-     *
-     * When data is retrieved from the server, the server excludes all features having a count of 0 from the response; hence resulting in missing entries on the charts.
-     * When this property is set to true, a process is applied to complete the dataset with 0s for the empty or missing categories, to display them on the chart without gaps.
-     *
-     * @default true
-     */
-    replaceNoValueCategoryWithZero?: boolean;
-    /**
-     * Used to customize the chart's limits, especially the maximum number of elements (bars, markers...) to be displayed.
-     * The chart's behavior once that limit is reached can be adjusted through the `behaviorAfterLimit` nested property, to either reject the creation
-     * or update of the chart, or render the elements up to the given limits. Available on all charts but scatterplot and histogram.
-     */
-    chartLimits?: ChartElementLimit;
-    /**
-     * Set the chart's mode (zoom, selection, none)
-     * - zoom: allows to zoom on the chart. All selection is disabled
-     * - mono-selection: the selection is enabled but only one element can be selected. Zoom is disabled
-     * - multi-selection: the selection is enabled and allows selecting multiple elements. Zoom is disabled
-     * - multi-selection-with-ctrl-key: the selection is enabled and allows selecting multiple elements when the ctrl/cmd key is pressed. Zoom is disabled
-     * - none: the zoom and selection features are disabled
-     */
-    actionMode?: ActionModes;
-    /**
-     * Sets the cursor range:
-     * - CursorRange.MultiAxes: allows to draw a free rectangle
-     * - CursorRange.XAxis: allows to draw a rectangle bound to the x-axis
-     * - CursorRange.YAxis: allows to draw a rectangle bound to the y-axis
-     * - undefined: defaults to a preset behavior according to the chart type and action mode
-     * Applies only when the action mode is set to zoom or multi-selection.
-     */
-    cursorRange?: CursorRange;
-    /** If the option is set to true, the chart gets a full refresh. */
-    dataUpdated?: boolean;
-    /**
-     * Helps identifying an update triggered after a view extent change.
-     * This is used to support a selection workflow while the filter by extent mode is enabled.
-     */
-    viewExtentUpdated?: boolean;
-    /** Used to apply runtime filters to the chart's data while in Feature Layer mode. */
-    runtimeDataFilters?: WebChartDataFilters;
-    /**
-     * This property will be effective when the component's `view` is provided or when the `layer` is set to a FeatureLayerView.
-     * By default the queries made by the chart will consider the view's extent as the unique geometry filter applicable. This implies ignoring any
-     * geometry passed through the config (component.config.dataFilters) or the runtime filters (component.runtimeDataFilters).
-     * Setting this property to `false` signals the queries to ignore the view's extent, whether an additional geometry filter is provided or not.
-     *
-     * @default false
-     */
-    ignoreViewExtent?: boolean;
-    /**
-     * Can be used when creating or updating a chart compatible with time binning. If this option is `true`, the series properties
-     * `unit` and `size` become optional and will be automatically set to values that fit the data set.
-     *
-     * @default false
-     */
-    setTimeBinningInfoWhenNotProvided?: boolean;
-    /**
-     * Can be used to disable the default setting that uses debounce functions to handle the visibility of markers
-     * (for scatter-plot and line charts) that are outside of plotting area when min/max bound changes and/or
-     * when zoom action is performed (via chart cursor or scrollbar), to increase performance.
-     *
-     * This property will be set when the chart is created and cannot be updated after that.
-     *
-     * It's recommended that this property should only be set to true for small datasets.
-     *
-     * @default false
-     */
-    ignoreSmoothRenderingLimit?: boolean;
-    /**
-     * Used to customize the way the tooltips are rendered. The callback function can return an HTML string and the tags will
-     * be interpreted properly.
-     */
-    tooltipFormatter?: TooltipFormatters;
-    dataLabelFormatter?: BarAndLineDataLabelFormatCallback | HistogramLabelFormatCallback | PieChartLabelFormatCallback | ScatterplotLabelFormatCallback;
-    /**
-     * Used to customize the way the guides' tooltip are rendered. The callback function can return an HTML string and the tags will
-     * be interpreted properly.
-     */
-    guideTooltipFormatter?: GuideTooltipFormatCallback;
-    /**
-     * Used to customize the way the x-axis labels are rendered. The callback function can return an HTML string and the tags will
-     * be interpreted properly.
-     */
-    xAxisLabelFormatter?: AxisLabelFormatCallback;
-    /**
-     * Used to customize the way the y-axis labels are rendered. The callback function can return an HTML string and the tags will
-     * be interpreted properly.
-     * Not available on gauge for now.
-     */
-    yAxisLabelFormatter?: AxisLabelFormatCallback;
-    /**
-     * Used to customize the way the secondary y-axis labels are rendered on a dual axis chart. The callback function can return an HTML
-     * string and the tags will be interpreted properly.
-     * Not available on gauge for now.
-     */
-    secondaryYAxisLabelFormatter?: AxisLabelFormatCallback;
-    pieChartLegendValueLabelFormatter?: PieChartLegendValueLabelFormatCallback;
-    /**
-     * Used to customize the gauge inner label. The callback function can return an HTML string and the tags will
-     * be interpreted properly.
-     */
-    gaugeInnerLabelFormatter?: GaugeInnerLabelFormatCallback;
-    /**
-     * Used to disable the toggling of legend items for XYChart series, Pie slices,
-     * Histogram overlays, and Scatter-plot trend line.
-     * This option is not applied for Gauge.
-     *
-     * @default false
-     */
-    disableTogglingLegendItems?: boolean;
-    /**
-     * Callback function executed after the data has been processed and before the chart renders.
-     * Can be used to alter the config from information extracted from the data for instance.
-     * Only available for the pie chart and gauge at the moment.
-     */
-    chartWillRender?: PreRenderCallback;
-    /** Can be set to true to read the fields from layer.popupTemplate and use their alias when rendering tooltips */
-    usePopupTemplateFieldsInfo?: boolean;
+  /** Whether to allow the object id to be used as a statistic other than COUNT. */
+  allowUsingObjectIdStat?: boolean;
+  /**
+   * Whether to consider a `null` statistic as valid. If set to `false` and the data has only
+   * null values, the chart's dataset will be considered empty:
+   * - the corresponding warning event will be sent
+   * - the "no data" message will be displayed (unless `showUIMesssages` is set to `false`)
+   */
+  nullAsValid?: boolean;
+  /**
+   * Whether to display or hide all UI messages (e.g. no data warnings, or when the logarithmic scale can't be applied to an
+   * axis when the data contains values <= 0).
+   */
+  showUIMessages?: boolean;
+  /**
+   * A property representing the selection to apply on the chart.
+   * The properties are considered in the following order:
+   * - selectionData.selectionOIDs: an array of Object Ids (for Feature Layer) representing a selection to apply to the chart.
+   * - selectionData.selectionItems: an array of data items representing a selection to apply to the chart.
+   */
+  selectionData?: SelectionData;
+  /**
+   * Indicates if the object ids need to be computed whenever a selection is made on or passed to the chart.
+   * Only considered for a data source using a feature layer.
+   */
+  returnSelectionOIDs?: boolean;
+  /** Indicates if the selection indexes need to be computed whenever a selection is made on or passed to the chart. */
+  returnSelectionIndexes?: boolean;
+  /**
+   * Allows the features extent to be returned, through the `arcgisChartsJSDataProcessComplete` and `arcgisChartsJSSelectionComplete` events payload.
+   * Applies only to:
+   *   - charts using an aggregation
+   *   - data source using a feature layer compatible with envelope aggregation
+   * The extent (IExtent) is returned through a property called `arcgis_charts_features_extent`.
+   */
+  returnFeaturesExtent?: boolean;
+  /**
+   * Used to provide a customized theme for the selected and non selected elements.
+   * If no style is provided for the selected elements, a default selection is applied.
+   * If no style is provided for the non selected elements, the chart's style is applied.
+   */
+  selectionTheme?: SelectionTheme;
+  /** used to perform client-side queries */
+  view?: MapView | SceneView;
+  /** used to perform queries */
+  layer?: FeatureLayerView | SupportedLayer;
+  /** enable filter by selection */
+  filterBySelection?: boolean;
+  /**
+   * Re initialize chart object if the chart object is disposed.
+   * Honoured only during the update call.
+   * default is true;
+   */
+  autoRecreateChart?: boolean;
+  /**
+   * Indicates whether to automatically inverse the data label text color when it's too dark or too light.
+   *
+   * **Note**: Currently this feature is only available for stacked bar series and pie charts with `dataLabelsInside` set to true.
+   */
+  autoInverseDataLabelTextColor?: boolean;
+  /** optional create message to be displayed in the chart container. */
+  createMessage?: string;
+  /** Used to hide the loader animation (curtain and spinner), showed by default at every update. */
+  hideLoaderAnimation?: boolean;
+  /**
+   * Hide the series from the chart if it doesn't have data (i.e. empty)
+   * For example, after apply data filters, filter by attribute or geometry (as when using the filter by extent)
+   */
+  hideEmptySeries?: boolean;
+  /**
+   * Used to customize the loader's colors (spinner and curtain).
+   * The loader is displayed when the chart is loading data or when the chart is being updated unless when `hideLoaderAnimation` is set to `true`.
+   */
+  loaderColors?: LoaderColors;
+  /**
+   * Whether to replace the missing categories from a count aggregation with 0s in the chart's data.
+   *
+   * When data is retrieved from the server, the server excludes all features having a count of 0 from the response; hence resulting in missing entries on the charts.
+   * When this property is set to true, a process is applied to complete the dataset with 0s for the empty or missing categories, to display them on the chart without gaps.
+   */
+  replaceNoValueCategoryWithZero?: boolean;
+  /**
+   * Used to customize the chart's limits, especially the maximum number of elements (bars, markers...) to be displayed.
+   * The chart's behavior once that limit is reached can be adjusted through the `behaviorAfterLimit` nested property, to either reject the creation
+   * or update of the chart, or render the elements up to the given limits. Available on all charts but scatterplot and histogram.
+   */
+  chartLimits?: ChartElementLimit;
+  /**
+   * Set the chart's mode (zoom, selection, none)
+   * - zoom: allows to zoom on the chart. All selection is disabled
+   * - mono-selection: the selection is enabled but only one element can be selected. Zoom is disabled
+   * - multi-selection: the selection is enabled and allows selecting multiple elements. Zoom is disabled
+   * - multi-selection-with-ctrl-key: the selection is enabled and allows selecting multiple elements when the ctrl/cmd key is pressed. Zoom is disabled
+   * - none: the zoom and selection features are disabled
+   */
+  actionMode?: ActionModes;
+  /**
+   * Sets the cursor range:
+   * - CursorRange.MultiAxes: allows to draw a free rectangle
+   * - CursorRange.XAxis: allows to draw a rectangle bound to the x-axis
+   * - CursorRange.YAxis: allows to draw a rectangle bound to the y-axis
+   * - undefined: defaults to a preset behavior according to the chart type and action mode
+   * Applies only when the action mode is set to zoom or multi-selection.
+   */
+  cursorRange?: CursorRange;
+  /** If the option is set to true, the chart gets a full refresh. */
+  dataUpdated?: boolean;
+  /**
+   * Helps identifying an update triggered after a view extent change.
+   * This is used to support a selection workflow while the filter by extent mode is enabled.
+   */
+  viewExtentUpdated?: boolean;
+  /** Used to apply runtime filters to the chart's data while in Feature Layer mode. */
+  runtimeDataFilters?: WebChartDataFilters;
+  /**
+   * This property will be effective when the component's `view` is provided or when the `layer` is set to a FeatureLayerView.
+   * By default the queries made by the chart will consider the view's extent as the unique geometry filter applicable. This implies ignoring any
+   * geometry passed through the config (component.config.dataFilters) or the runtime filters (component.runtimeDataFilters).
+   * Setting this property to `false` signals the queries to ignore the view's extent, whether an additional geometry filter is provided or not.
+   */
+  ignoreViewExtent?: boolean;
+  /**
+   * Can be used when creating or updating a chart compatible with time binning. If this option is `true`, the series properties
+   * `unit` and `size` become optional and will be automatically set to values that fit the data set.
+   */
+  setTimeBinningInfoWhenNotProvided?: boolean;
+  /**
+   * Can be used to disable the default setting that uses debounce functions to handle the visibility of markers
+   * (for scatter-plot and line charts) that are outside of plotting area when min/max bound changes and/or
+   * when zoom action is performed (via chart cursor or scrollbar), to increase performance.
+   *
+   * This property will be set when the chart is created and cannot be updated after that.
+   *
+   * It's recommended that this property should only be set to true for small datasets.
+   */
+  ignoreSmoothRenderingLimit?: boolean;
+  /**
+   * Used to customize the way the tooltips are rendered. The callback function can return an HTML string and the tags will
+   * be interpreted properly.
+   */
+  tooltipFormatter?: TooltipFormatters;
+  dataLabelFormatter?: BarAndLineDataLabelFormatCallback | HistogramLabelFormatCallback | PieChartLabelFormatCallback | ScatterplotLabelFormatCallback;
+  /**
+   * Used to customize the way the guides' tooltip are rendered. The callback function can return an HTML string and the tags will
+   * be interpreted properly.
+   */
+  guideTooltipFormatter?: GuideTooltipFormatCallback;
+  /**
+   * Used to customize the way the x-axis labels are rendered. The callback function can return an HTML string and the tags will
+   * be interpreted properly.
+   */
+  xAxisLabelFormatter?: AxisLabelFormatCallback;
+  /**
+   * Used to customize the way the y-axis labels are rendered. The callback function can return an HTML string and the tags will
+   * be interpreted properly.
+   * Not available on gauge for now.
+   */
+  yAxisLabelFormatter?: AxisLabelFormatCallback;
+  /**
+   * Used to customize the way the secondary y-axis labels are rendered on a dual axis chart. The callback function can return an HTML
+   * string and the tags will be interpreted properly.
+   * Not available on gauge for now.
+   */
+  secondaryYAxisLabelFormatter?: AxisLabelFormatCallback;
+  pieChartLegendValueLabelFormatter?: PieChartLegendValueLabelFormatCallback;
+  /**
+   * Used to customize the gauge inner label. The callback function can return an HTML string and the tags will
+   * be interpreted properly.
+   */
+  gaugeInnerLabelFormatter?: GaugeInnerLabelFormatCallback;
+  /**
+   * Used to disable the toggling of legend items for XYChart series, Pie slices,
+   * Histogram overlays, and Scatter-plot trend line.
+   * This option is not applied for Gauge.
+   */
+  disableTogglingLegendItems?: boolean;
+  /**
+   * Callback function executed after the data has been processed and before the chart renders.
+   * Can be used to alter the config from information extracted from the data for instance.
+   * Only available for the pie chart and gauge at the moment.
+   */
+  chartWillRender?: PreRenderCallback;
+  /** Can be set to true to read the fields from layer.popupTemplate and use their alias when rendering tooltips */
+  usePopupTemplateFieldsInfo?: boolean;
+}
+
+/**
+ * Describes the signature of the callback function used to customize the pie chart data labels and tooltips
+ *
+ * @param category
+ * @param value
+ * @param percent
+ * @param originalCategory
+ */
+export type PieChartLabelFormatCallback = (category: string, value?: number, percent?: number, originalCategory?: WebChartDataItemValue) => string;
+
+/**
+ * Describes the signature of the callback function used to customize the histogram tooltips
+ *
+ * @param count
+ * @param binMinValue
+ * @param binMaxValue
+ */
+export type HistogramLabelFormatCallback = (count: number, binMinValue: number, binMaxValue: number) => string;
+
+/**
+ * Describes the signature of the callback function used to customize the scatterplot tooltips
+ *
+ * @param x
+ * @param y
+ * @param sizePolicyValue
+ * @param dataContext
+ */
+export type ScatterplotLabelFormatCallback = (x: number, y: number, sizePolicyValue?: number, dataContext?: WebChartDataItem) => string;
+
+/**
+ * Describes the signature of the callback function used to customize the bar and line chart plot data labels
+ *
+ * @param statValue
+ * @param percent
+ */
+export type BarAndLineDataLabelFormatCallback = (statValue: number, percent?: number) => string;
+
+export interface GuideTooltipFormatCallbackProps {
+  guideName: string;
+  start: Date | number | string;
+  end?: Date | number | string;
+  guideIndex: number;
 }
-/** Detailed options to customize chart experience */
-export interface GlobalOptions {
-    queueChartCreation?: boolean;
-    useAnimatedCharts?: boolean;
-    hideLicenseWatermark?: boolean;
-    enableResponsiveFeatures?: boolean;
-    autoDisposeChart?: boolean;
+
+export type TooltipFormatters = BarAndLineTooltipFormatCallback | BoxPlotTooltipFormatCallback | HistogramLabelFormatCallback | PieChartLabelFormatCallback | ScatterplotLabelFormatCallback;
+
+/**
+ * Describes the signature of the callback function used to customize the bar and line chart plot tooltips
+ *
+ * @param props
+ */
+export type BarAndLineTooltipFormatCallback = (props: BarAndLineTooltipFormatCallbackProps) => string;
+
+/**
+ * Describes the signature of the callback function used to customize the box plot tooltips
+ *
+ * @param props
+ */
+export type BoxPlotTooltipFormatCallback = (props: BoxPlotTooltipFormatCallbackProps) => string;
+
+export interface BarAndLineTooltipFormatCallbackProps {
+  seriesName: string;
+  statValue?: number;
+  percentValue?: number;
+  xValue?: Date | number | string;
+  originalXValue?: WebChartDataItemValue;
+  dateBinningRange?: [number, number];
 }
-export declare const LabelType: {
-    readonly XAxisTitle: "XAxisTitle";
-    readonly YAxisTitle: "YAxisTitle";
-    readonly ChartTitle: "ChartTitle";
-    readonly ChartSubTitle: "ChartSubTitle";
-    readonly ChartFooter: "ChartFooter";
-    readonly GuideLabel: "GuideLabel";
-    readonly LegendTitle: "LegendTitle";
-};
-export type LabelType = (typeof LabelType)[keyof typeof LabelType];
+
+export interface BoxPlotTooltipFormatCallbackProps {
+  seriesName: string;
+  dataContext: WebChartDataItem;
+  xValue?: Date | number | string;
+  originalXValue?: WebChartDataItemValue;
+}