@dynatrace/strato-components 3.5.2 → 3.6.0

package/charts/xy-chart/components/tooltip/TopListTooltip.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TopListTooltip_exports = {};
+__export(TopListTooltip_exports, {
+  TopListTooltip: () => TopListTooltip
+});
+module.exports = __toCommonJS(TopListTooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_intl = require("react-intl");
+var import_hoveredPointTooltipBodyUtils = require("./HoveredPointTooltip/hoveredPointTooltipBodyUtils.js");
+var import_hoveredPointTooltipHeaderUtils = require("./HoveredPointTooltip/hoveredPointTooltipHeaderUtils.js");
+var import_OverlayTooltip = require("../../../core/components/overlay-tooltip/OverlayTooltip.js");
+var import_XYChartLegendHidden_context = require("../../context/XYChartLegendHidden.context.js");
+var import_useAxesFormatter = require("../../hooks/useAxesFormatter.js");
+var import_useBarData = require("../../hooks/useBarData.js");
+var import_useFormatCategory = require("../../hooks/useFormatCategory.js");
+var import_useXYChartColorScales = require("../../hooks/useXYChartColorScales.js");
+var import_useXYChartData = require("../../hooks/useXYChartData.js");
+var import_useXYChartTruncationMode = require("../../hooks/useXYChartTruncationMode.js");
+function TopListTooltip({
+  datapoint,
+  series,
+  seriesToMetadata
+}) {
+  const legendHidden = (0, import_XYChartLegendHidden_context.useLegendHidden)();
+  const { truncationMode } = (0, import_useXYChartTruncationMode.useXYChartTruncationMode)();
+  const { axisIdToScaleDomain, datapointMetadataMap } = (0, import_useXYChartData.useXYChartData)();
+  const colorScaleMap = (0, import_useXYChartColorScales.useXYChartColorScales)();
+  const axisIdToFormatter = (0, import_useAxesFormatter.useAxesFormatter)();
+  const formatCategory = (0, import_useFormatCategory.useFormatCategory)();
+  const { filteredSeriesWithDatapoints } = (0, import_useBarData.useBarData)();
+  const intl = (0, import_react_intl.useIntl)();
+  const { name, color, actions } = (0, import_hoveredPointTooltipHeaderUtils.buildHoveredPointTooltipHeaderProps)({
+    datapoint,
+    series,
+    seriesToMetadata,
+    seriesWithDatapoints: filteredSeriesWithDatapoints,
+    datapointMetadataMap,
+    colorScaleMap
+  });
+  const { xAxisValue, yAxisDuration } = (0, import_hoveredPointTooltipBodyUtils.buildHoveredPointTooltipBodyProps)({
+    datapoint,
+    series,
+    seriesToMetadata,
+    axisIdToFormatter,
+    axisIdToScaleDomain,
+    datapointMetadataMap,
+    formatCategory,
+    intl
+  });
+  const topListLabel = datapoint.label ?? "";
+  const duration = yAxisDuration ? ` (${yAxisDuration})` : "";
+  const valueText = `${xAxisValue}${duration}`;
+  const data = [
+    { name: legendHidden ? topListLabel : name, value: valueText, color }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_OverlayTooltip.OverlayTooltip, { truncation: truncationMode, children: [
+    !legendHidden && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_OverlayTooltip.OverlayTooltip.Header, { header1: topListLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_OverlayTooltip.OverlayTooltip.Series,
+      {
+        data,
+        variant: "shared",
+        activeItem: -1,
+        seriesItemTemplate: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_OverlayTooltip.OverlayTooltip.SeriesItem, { ...item, actions })
+      }
+    )
+  ] });
+}

package/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.css

@@ -1,4 +1,4 @@
-._fnoz5j0-3-5-2 {
+._fnoz5j0-3-6-0 {
   min-width: 225px;
   max-width: 300px;
 }

package/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.sty.js

@@ -21,4 +21,4 @@ __export(XYChartTooltipTemplate_css_exports, {
 });
 module.exports = __toCommonJS(XYChartTooltipTemplate_css_exports);
 var import_XYChartTooltipTemplate_css_ts_vanilla = require("./XYChartTooltipTemplate.css");
-var body = "_fnoz5j0-3-5-2";
+var body = "_fnoz5j0-3-6-0";

package/charts/xy-chart/components/tooltip/utils/tooltip-styles.css

@@ -1,23 +1,23 @@
-._1u58xor0-3-5-2 {
+._1u58xor0-3-6-0 {
   display: flex;
   flex-wrap: wrap;
   overflow-wrap: anywhere;
   margin-left: var(--dt-spacings-size-4, 4px);
   margin-right: var(--dt-spacings-size-4, 4px);
 }
-._1u58xor1-3-5-2 {
+._1u58xor1-3-6-0 {
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1u58xor1-3-5-2::after {
+._1u58xor1-3-6-0::after {
   content: " ";
   white-space: pre;
 }
-._1u58xor2-3-5-2 {
+._1u58xor2-3-6-0 {
   flex: 0 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }
-._1u58xor3-3-5-2 {
+._1u58xor3-3-6-0 {
   flex: 1 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }

package/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js

@@ -24,7 +24,7 @@ __export(tooltip_styles_css_exports, {
 });
 module.exports = __toCommonJS(tooltip_styles_css_exports);
 var import_tooltip_styles_css_ts_vanilla = require("./tooltip-styles.css");
-var axisName = "_1u58xor1-3-5-2";
-var axisValue = "_1u58xor2-3-5-2";
-var duration = "_1u58xor3-3-5-2";
-var wrapper = "_1u58xor0-3-5-2";
+var axisName = "_1u58xor1-3-6-0";
+var axisValue = "_1u58xor2-3-6-0";
+var duration = "_1u58xor3-3-6-0";
+var wrapper = "_1u58xor0-3-6-0";

package/charts/xy-chart/context/XYChartLegendHidden.context.d.ts

@@ -0,0 +1,2 @@
+export declare const XYChartLegendHiddenContext: import("react").Context<boolean>;
+export declare const useLegendHidden: () => boolean;

package/charts/xy-chart/context/XYChartLegendHidden.context.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var XYChartLegendHidden_context_exports = {};
+__export(XYChartLegendHidden_context_exports, {
+  XYChartLegendHiddenContext: () => XYChartLegendHiddenContext,
+  useLegendHidden: () => useLegendHidden
+});
+module.exports = __toCommonJS(XYChartLegendHidden_context_exports);
+var import_react = require("react");
+const XYChartLegendHiddenContext = (0, import_react.createContext)(false);
+XYChartLegendHiddenContext["displayName"] = "XYChartLegendHiddenContext";
+const useLegendHidden = () => (0, import_react.useContext)(XYChartLegendHiddenContext);

package/charts/xy-chart/layout/XYChartLayout.css

@@ -1,10 +1,10 @@
-._1ru1qe70-3-5-2 {
+._1ru1qe70-3-6-0 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-5-2 {
+._1ru1qe71-3-6-0 {
   top: -5.5px;
   left: -5.5px;
   width: calc(100% + 11px);

package/charts/xy-chart/layout/XYChartLayout.sty.js

@@ -23,5 +23,5 @@ __export(XYChartLayout_css_exports, {
 module.exports = __toCommonJS(XYChartLayout_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../core/components/chart-grid/ChartGrid.css");
 var import_XYChartLayout_css_ts_vanilla = require("./XYChartLayout.css");
-var datapointCanvasPlot = "_1ru1qe71-3-5-2 _13lzg4k0-3-5-2 _1ru1qe70-3-5-2";
-var rectangleCanvasPlot = "_13lzg4k0-3-5-2 _1ru1qe70-3-5-2";
+var datapointCanvasPlot = "_1ru1qe71-3-6-0 _13lzg4k0-3-6-0 _1ru1qe70-3-6-0";
+var rectangleCanvasPlot = "_13lzg4k0-3-6-0 _1ru1qe70-3-6-0";

package/charts/xy-chart/layout/XYChartShiftedDisplay.js

@@ -23,7 +23,7 @@ module.exports = __toCommonJS(XYChartShiftedDisplay_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_safe_get = require("../../core/utils/safe-get.js");
 var import_AreaDisplay = require("../components/displays/AreaDisplay.js");
-var import_BarDisplay = require("../components/displays/BarDisplay.js");
+var import_BarDisplay = require("../components/displays/BarDisplay/BarDisplay.js");
 var import_DotDisplay = require("../components/displays/DotDisplay.js");
 var import_LineDisplay = require("../components/displays/LineDisplay.js");
 var import_xy_chart_internals = require("../types/xy-chart-internals.js");

package/charts/xy-chart/processing-strategies/strategies/area-series.js

@@ -149,7 +149,8 @@ class AreaSeriesStrategy extends import_base_series.SeriesBaseStrategy {
           preCalcPoint,
           chartOrientation,
           xAxis,
-          yAxis
+          yAxis,
+          seriesId
         );
       }
     }

package/charts/xy-chart/processing-strategies/strategies/bar-series.d.ts

@@ -16,6 +16,7 @@ export declare class BarSeriesStrategy extends SeriesBaseStrategy<XYChartSelecti
         data: never[];
         xAxisId: string;
         yAxisId: string;
+        labelAccessor: string | undefined;
     };
     protected createSeriesMetadata(datum: XYChartData, seriesProps: XYChartBarSeriesInternal, xAxis: XYChartAxisInternal, yAxis: XYChartAxisInternal, seriesId: string, context: MutableProcessingContext, variant?: BarSeriesVariant): {
         name: string;
@@ -37,6 +38,7 @@ export declare class BarSeriesStrategy extends SeriesBaseStrategy<XYChartSelecti
         colorIsFromSlot: boolean;
     };
     getDatapoint(datum: XYChartData, seriesProps: XYChartBarSeriesInternal, xAxis: XYChartAxisInternal, yAxis: XYChartAxisInternal): {
+        label: string | undefined;
         x0: string | number | Date | undefined;
         x1: string | number | Date | undefined;
         y0: string | number | Date | undefined;

package/charts/xy-chart/processing-strategies/strategies/bar-series.js

@@ -57,7 +57,8 @@ class BarSeriesStrategy extends import_base_series.SeriesBaseStrategy {
       type: seriesProps.type,
       data: [],
       xAxisId: xAxis.id,
-      yAxisId: yAxis.id
+      yAxisId: yAxis.id,
+      labelAccessor: seriesProps.labelAccessor
     };
   }
   createSeriesMetadata(datum, seriesProps, xAxis, yAxis, seriesId, context, variant) {
@@ -172,7 +173,8 @@ class BarSeriesStrategy extends import_base_series.SeriesBaseStrategy {
             datapoint,
             chartOrientation,
             xAxis,
-            yAxis
+            yAxis,
+            seriesId
           );
         }
         if (canGroup) {
@@ -180,7 +182,8 @@ class BarSeriesStrategy extends import_base_series.SeriesBaseStrategy {
             datapoint,
             chartOrientation,
             xAxis,
-            yAxis
+            yAxis,
+            seriesId
           );
         }
       }
@@ -224,6 +227,9 @@ class BarSeriesStrategy extends import_base_series.SeriesBaseStrategy {
         isVisible: isSeriesVisible
       });
     }
+    if (datapoint.label) {
+      currentSeries.hasLabels = true;
+    }
     this.registerDatapoint(
       datapoint,
       datapointMetadata,

package/charts/xy-chart/processing-strategies/strategies/groupable-series.d.ts

@@ -10,19 +10,29 @@ export interface GroupingResult {
 export declare class GroupableSeriesHelper {
     private static readonly STARTING_POINT;
     private readonly groupData;
+    private readonly axisStats;
     readonly axisIdToDimension: Map<AxisId, Set<SeriesId>>;
     constructor();
     /**
      * Calculate total height of group bin.
      * Should be called at the beginning of a new grouping calculation cycle (preprocess phase).
+     *
+     * Also records which series contributed to each axisKey so that `getGroupBinDomain` can
+     * fall back to a cross-bin reference for single-series axes. Single-series groups would
+     * otherwise collapse to 100% in every bin.
      */
-    processGroupDomain(datapoint: BarDatapoint, chartOrientation: 'vertical' | 'horizontal', xAxis: XYChartAxisInternal, yAxis: XYChartAxisInternal): void;
+    processGroupDomain(datapoint: BarDatapoint, chartOrientation: 'vertical' | 'horizontal', xAxis: XYChartAxisInternal, yAxis: XYChartAxisInternal, seriesId: SeriesId): void;
     /**
      * Returns the total bin domain for a given group key.
-     * The bin domain is the total height of the group, including both positive and negative values.
-     * Note: totalNegative is already stored as an absolute value.
+     *
+     * For axes with more than one contributing series the result is the per-bin total height
+     * of the group (|positive| + |negative|). For axes with only one contributing series the
+     * result collapses to a cross-bin reference: the largest per-bin absolute total across all
+     * bins of that axis. This keeps single-series groups consistent with the regular relative
+     * behavior, where the tallest bar represents 100% and the rest scale proportionally.
      */
     getGroupBinDomain(groupKey: string): number | undefined;
+    private getOrInitAxisStats;
     /**
      * Processes a datapoint for grouping, calculating the bin domain metadata.
      * Also registers the series in the dimension map for the primary axis.

package/charts/xy-chart/processing-strategies/strategies/groupable-series.js

@@ -24,26 +24,40 @@ var import_stack_datapoints = require("../utils/stacking/stack-datapoints.js");
 class GroupableSeriesHelper {
   static STARTING_POINT = 0;
   groupData;
+  axisStats;
   axisIdToDimension;
   constructor() {
     this.groupData = /* @__PURE__ */ new Map();
+    this.axisStats = /* @__PURE__ */ new Map();
     this.axisIdToDimension = /* @__PURE__ */ new Map();
   }
   /**
    * Calculate total height of group bin.
    * Should be called at the beginning of a new grouping calculation cycle (preprocess phase).
+   *
+   * Also records which series contributed to each axisKey so that `getGroupBinDomain` can
+   * fall back to a cross-bin reference for single-series axes. Single-series groups would
+   * otherwise collapse to 100% in every bin.
    */
-  processGroupDomain(datapoint, chartOrientation, xAxis, yAxis) {
+  processGroupDomain(datapoint, chartOrientation, xAxis, yAxis, seriesId) {
     const { stackKey, value } = (0, import_stack_datapoints.getStackingData)(
       chartOrientation,
       datapoint,
       xAxis,
       yAxis
     );
+    const axisKey = (0, import_stack_datapoints.getCombinedAxesOrientationKey)(
+      xAxis.id,
+      yAxis.id,
+      chartOrientation
+    );
+    const stats = this.getOrInitAxisStats(axisKey);
+    stats.seriesIds.add(seriesId);
     if (typeof value === "number") {
       const acc = this.groupData.get(stackKey) ?? {
         totalPositive: GroupableSeriesHelper.STARTING_POINT,
-        totalNegative: GroupableSeriesHelper.STARTING_POINT
+        totalNegative: GroupableSeriesHelper.STARTING_POINT,
+        axisKey
       };
       if (value >= 0) {
         acc.totalPositive += value;
@@ -51,20 +65,40 @@ class GroupableSeriesHelper {
         acc.totalNegative += Math.abs(value);
       }
       this.groupData.set(stackKey, acc);
+      const binAbsValue = Math.max(acc.totalPositive, acc.totalNegative);
+      if (binAbsValue > stats.maxBinAbsValue) {
+        stats.maxBinAbsValue = binAbsValue;
+      }
     }
   }
   /**
    * Returns the total bin domain for a given group key.
-   * The bin domain is the total height of the group, including both positive and negative values.
-   * Note: totalNegative is already stored as an absolute value.
+   *
+   * For axes with more than one contributing series the result is the per-bin total height
+   * of the group (|positive| + |negative|). For axes with only one contributing series the
+   * result collapses to a cross-bin reference: the largest per-bin absolute total across all
+   * bins of that axis. This keeps single-series groups consistent with the regular relative
+   * behavior, where the tallest bar represents 100% and the rest scale proportionally.
    */
   getGroupBinDomain(groupKey) {
     const groupDomainObj = this.groupData.get(groupKey);
     if (!groupDomainObj) {
       return void 0;
     }
+    const stats = this.axisStats.get(groupDomainObj.axisKey);
+    if (stats && stats.seriesIds.size === 1) {
+      return stats.maxBinAbsValue;
+    }
     return groupDomainObj.totalPositive + groupDomainObj.totalNegative;
   }
+  getOrInitAxisStats(axisKey) {
+    let stats = this.axisStats.get(axisKey);
+    if (!stats) {
+      stats = { seriesIds: /* @__PURE__ */ new Set(), maxBinAbsValue: 0 };
+      this.axisStats.set(axisKey, stats);
+    }
+    return stats;
+  }
   /**
    * Processes a datapoint for grouping, calculating the bin domain metadata.
    * Also registers the series in the dimension map for the primary axis.

package/charts/xy-chart/processing-strategies/strategies/stackable-series.d.ts

@@ -1,4 +1,4 @@
-import type { AnyDatapoint, DatapointMetadata, XYChartAxisInternal } from '../../types/xy-chart-internals.js';
+import type { AnyDatapoint, DatapointMetadata, SeriesId, XYChartAxisInternal } from '../../types/xy-chart-internals.js';
 import type { AreaDatapoint, BarDatapoint } from '../../types/xy-chart.js';
 export interface StackingResult {
     calcDatapoint: AnyDatapoint;
@@ -9,19 +9,29 @@ export declare class StackableSeriesHelper {
     private static readonly STARTING_POINT;
     private readonly stackGroups;
     private readonly stackDomainData;
+    private readonly axisStats;
     constructor();
     /**
      * Accumulates total positive and negative values per stack key.
      * Should be called during the preprocess phase before processing individual datapoints.
      * This is needed so that binDomain can be included in metadata for relative stacking.
+     *
+     * Also records which series contributed to each axisKey so that `getStackBinDomain` can
+     * fall back to a cross-bin reference for single-series axes. Single-series stacks would
+     * otherwise collapse to 100% in every bin.
      */
-    processStackDomain(datapoint: BarDatapoint | AreaDatapoint, chartOrientation: 'vertical' | 'horizontal', xAxis: XYChartAxisInternal, yAxis: XYChartAxisInternal): void;
+    processStackDomain(datapoint: BarDatapoint | AreaDatapoint, chartOrientation: 'vertical' | 'horizontal', xAxis: XYChartAxisInternal, yAxis: XYChartAxisInternal, seriesId: SeriesId): void;
     /**
      * Returns the total bin domain for a given stack key.
-     * The bin domain is the total height of the stack, including both positive and negative values.
-     * Note: totalNegative is already stored as an absolute value.
+     *
+     * For axes with more than one contributing series the result is the per-bin total height
+     * of the stack (|positive| + |negative| within the bin). For axes with only one contributing
+     * series the result collapses to a cross-bin reference: the largest per-bin absolute total
+     * across all bins of that axis. This keeps single-series stacks consistent with the regular
+     * relative behavior, where the tallest bar represents 100% and the rest scale proportionally.
      */
     getStackBinDomain(stackKey: string): number | undefined;
+    private getOrInitAxisStats;
     /**
      * Processes a datapoint for stacking, calculating the offset and updating stack groups.
      * Returns the calculated datapoint with stacking offsets applied and enriched metadata.

package/charts/xy-chart/processing-strategies/strategies/stackable-series.js

@@ -25,26 +25,40 @@ class StackableSeriesHelper {
   static STARTING_POINT = 0;
   stackGroups;
   stackDomainData;
+  axisStats;
   constructor() {
     this.stackGroups = /* @__PURE__ */ new Map();
     this.stackDomainData = /* @__PURE__ */ new Map();
+    this.axisStats = /* @__PURE__ */ new Map();
   }
   /**
    * Accumulates total positive and negative values per stack key.
    * Should be called during the preprocess phase before processing individual datapoints.
    * This is needed so that binDomain can be included in metadata for relative stacking.
+   *
+   * Also records which series contributed to each axisKey so that `getStackBinDomain` can
+   * fall back to a cross-bin reference for single-series axes. Single-series stacks would
+   * otherwise collapse to 100% in every bin.
    */
-  processStackDomain(datapoint, chartOrientation, xAxis, yAxis) {
+  processStackDomain(datapoint, chartOrientation, xAxis, yAxis, seriesId) {
     const { stackKey, value } = (0, import_stack_datapoints.getStackingData)(
       chartOrientation,
       datapoint,
       xAxis,
       yAxis
     );
+    const axisKey = (0, import_stack_datapoints.getCombinedAxesOrientationKey)(
+      xAxis.id,
+      yAxis.id,
+      chartOrientation
+    );
+    const stats = this.getOrInitAxisStats(axisKey);
+    stats.seriesIds.add(seriesId);
     if (typeof value === "number") {
       const acc = this.stackDomainData.get(stackKey) ?? {
         totalPositive: StackableSeriesHelper.STARTING_POINT,
-        totalNegative: StackableSeriesHelper.STARTING_POINT
+        totalNegative: StackableSeriesHelper.STARTING_POINT,
+        axisKey
       };
       if (value >= 0) {
         acc.totalPositive += value;
@@ -52,20 +66,40 @@ class StackableSeriesHelper {
         acc.totalNegative += Math.abs(value);
       }
       this.stackDomainData.set(stackKey, acc);
+      const binAbsValue = Math.max(acc.totalPositive, acc.totalNegative);
+      if (binAbsValue > stats.maxBinAbsValue) {
+        stats.maxBinAbsValue = binAbsValue;
+      }
     }
   }
   /**
    * Returns the total bin domain for a given stack key.
-   * The bin domain is the total height of the stack, including both positive and negative values.
-   * Note: totalNegative is already stored as an absolute value.
+   *
+   * For axes with more than one contributing series the result is the per-bin total height
+   * of the stack (|positive| + |negative| within the bin). For axes with only one contributing
+   * series the result collapses to a cross-bin reference: the largest per-bin absolute total
+   * across all bins of that axis. This keeps single-series stacks consistent with the regular
+   * relative behavior, where the tallest bar represents 100% and the rest scale proportionally.
    */
   getStackBinDomain(stackKey) {
     const domainData = this.stackDomainData.get(stackKey);
     if (!domainData) {
       return void 0;
     }
+    const stats = this.axisStats.get(domainData.axisKey);
+    if (stats && stats.seriesIds.size === 1) {
+      return stats.maxBinAbsValue;
+    }
     return domainData.totalPositive + domainData.totalNegative;
   }
+  getOrInitAxisStats(axisKey) {
+    let stats = this.axisStats.get(axisKey);
+    if (!stats) {
+      stats = { seriesIds: /* @__PURE__ */ new Set(), maxBinAbsValue: 0 };
+      this.axisStats.set(axisKey, stats);
+    }
+    return stats;
+  }
   /**
    * Processes a datapoint for stacking, calculating the offset and updating stack groups.
    * Returns the calculated datapoint with stacking offsets applied and enriched metadata.

package/charts/xy-chart/processing-strategies/utils/access-datapoint/get-bar-datapoints.d.ts

@@ -10,6 +10,7 @@ import type { XYChartData } from '../../../types/xy-chart.js';
  * @returns - The bar series data point, or undefined if any required value is missing or invalid.
  */
 export declare function getBarDatapoint(datum: XYChartData, seriesProps: XYChartBarSeriesInternal, xAxis: XYChartAxisInternal, yAxis: XYChartAxisInternal): {
+    label: string | undefined;
     x0: string | number | Date | undefined;
     x1: string | number | Date | undefined;
     y0: string | number | Date | undefined;

package/charts/xy-chart/processing-strategies/utils/access-datapoint/get-bar-datapoints.js

@@ -22,6 +22,17 @@ __export(get_bar_datapoints_exports, {
 module.exports = __toCommonJS(get_bar_datapoints_exports);
 var import_get_datapoints = require("./get-datapoints.js");
 var import_number_of_coordinates_by_dimension = require("./number-of-coordinates-by-dimension.js");
+function resolveLabel(datum, labelAccessor) {
+  if (!labelAccessor) {
+    return void 0;
+  }
+  const raw = (0, import_get_datapoints.getDatumValue)(datum, labelAccessor);
+  if (raw === void 0 || raw === null) {
+    return void 0;
+  }
+  const label = String(raw);
+  return label.length > 0 ? label : void 0;
+}
 function getBarDatapoint(datum, seriesProps, xAxis, yAxis) {
   const xAxisType = (0, import_get_datapoints.getAxisType)("x", xAxis, yAxis);
   const yAxisType = (0, import_get_datapoints.getAxisType)("y", xAxis, yAxis);
@@ -43,6 +54,7 @@ function getBarDatapoint(datum, seriesProps, xAxis, yAxis) {
   }
   return {
     ...datum,
-    ...point
+    ...point,
+    label: resolveLabel(datum, seriesProps.labelAccessor)
   };
 }

package/charts/xy-chart/providers/XYChartAxesTicksProvider.js

@@ -50,13 +50,20 @@ function getTicksForAxis(config, numTicks, scale, formatter, availableSize, orie
       config.formatter,
       availableSize,
       orientation,
-      formatter
+      formatter,
+      scale
     );
     if (niceTicks !== null) {
       return niceTicks;
     }
   }
-  return (0, import_get_ticks_formatted_by_config.getTicksFormattedByConfig)(config, numTicks, scale, formatter);
+  return (0, import_get_ticks_formatted_by_config.getTicksFormattedByConfig)(
+    config,
+    numTicks,
+    scale,
+    formatter,
+    orientation === "horizontal" ? availableSize : void 0
+  );
 }
 function XYChartAxesTicksProvider({
   children

package/charts/xy-chart/slots/Tooltip.d.ts

@@ -1,9 +1,5 @@
-import type { ReactNode } from 'react';
-import { XYChartTooltipPayload } from '../types/xy-chart.js';
+import { XYChartTooltipProps } from '../types/xy-chart-props.js';
 export declare const XYChartTooltipSlot: {
-    (props: {
-        hidden?: boolean;
-        children?: (tooltipPayload: XYChartTooltipPayload) => ReactNode;
-    }): null;
+    (props: XYChartTooltipProps): null;
     displayName: string;
 };

package/charts/xy-chart/types/xy-chart-internals.d.ts

@@ -291,6 +291,8 @@ export interface BarSeriesWithDatapoints {
     data: BarDatapoint[];
     xAxisId: string;
     yAxisId: string;
+    hasLabels?: boolean;
+    labelAccessor?: string;
 }
 export interface AreaSeriesWithDatapoints {
     id: SeriesId;

package/charts/xy-chart/types/xy-chart-props.d.ts

@@ -267,6 +267,7 @@ export type BaseBarSeriesProps = Omit<XYChartSeriesBaseProps, 'colorPalette' | '
     variant: BarSeriesVariant;
     seriesIdAccessor: string;
     nameAccessor: string;
+    labelAccessor?: string;
 };
 /**
  * Props for the vertical grouped bar series slot of the xy chart.
@@ -595,6 +596,19 @@ export type XYChartCustomTooltipProps = {
      */
     children?: (tooltipPayload: XYChartTooltipPayload) => ReactNode;
 };
+/**
+ * Props for the XYChart.Tooltip slot component
+ * @public
+ */
+export type XYChartTooltipProps = {
+    /** Hides the tooltip entirely without requiring a render function. */
+    hidden?: boolean;
+    /**
+     * Render function receiving the tooltip payload. Return JSX to render a custom tooltip,
+     * `null` to hide the tooltip, or `undefined` to fall back to the default tooltip.
+     */
+    children?: (tooltipPayload: XYChartTooltipPayload) => ReactNode;
+};
 /**
  * Props for the XYChart.Legend slot component
  * @public

package/charts/xy-chart/types/xy-chart.d.ts

@@ -202,6 +202,10 @@ export interface BarDatapoint extends Partial<BaseDatapoint> {
      * datapoint y1 value
      */
     y1?: XYAccessorDataTypes;
+    /**
+     * datapoint label value
+     */
+    label?: string;
 }
 /**
  * The selected area series datapoint information