@acorex/charts 20.3.48 → 20.3.50

package/bar-chart/index.d.ts

@@ -146,6 +146,8 @@ declare class AXBarChartComponent extends AXChartComponent implements OnDestroy,
     private _tooltipVisible;
     private _tooltipPosition;
     private _tooltipData;
+    private _tooltipRafId;
+    private _pendingTooltipCoords;
     private _initialized;
     private _rendered;
     protected tooltipVisible: _angular_core.Signal<boolean>;
@@ -258,10 +260,6 @@ declare class AXBarChartComponent extends AXChartComponent implements OnDestroy,
      * Handles bar hover event and shows tooltip
      */
     private handleBarHover;
-    /**
-     * Updates tooltip position based on mouse coordinates
-     * Enhanced to handle overflow issues by positioning tooltips more intelligently
-     */
     private updateTooltipPosition;
     /**
      * Enhanced tooltip positioning that considers chart boundaries and prevents overflow

package/chart-tooltip/index.d.ts

@@ -41,6 +41,7 @@ declare class AXChartTooltipComponent {
     protected isTitleArray(): boolean;
     protected titleList(): string[];
     protected colorAt(index: number): string | null;
+    protected formattedValue(): string;
     /**
      * Updates tooltip dimensions after it's rendered
      */

package/donut-chart/index.d.ts

@@ -145,6 +145,8 @@ declare class AXDonutChartComponent extends AXChartComponent implements OnDestro
     private _tooltipVisible;
     private _tooltipPosition;
     private _tooltipData;
+    private _tooltipRafId;
+    private _pendingTooltipCoords;
     protected tooltipVisible: _angular_core.Signal<boolean>;
     protected tooltipPosition: _angular_core.Signal<{
         x: number;
@@ -248,16 +250,17 @@ declare class AXDonutChartComponent extends AXChartComponent implements OnDestro
     private isChartLargeEnoughForLabels;
     private addDataLabels;
     /**
-     * Calculates optimal font size for label based on segment size
-     * Uses smart dynamic sizing with readability constraints
+     * Calculates font size for data labels using the donut ring's physical dimensions.
+     *
+     * Primary driver is the ring width (radial space), with chord length as an
+     * overflow guard and a gentle scale-down for smaller segments to create
+     * visual hierarchy.
      */
     private calculateLabelFontSize;
     private formatPercentage;
-    private buildLabelText;
     /**
-     * Truncates label text to fit within the arc segment
-     * Uses smart truncation: tries full label, then label only, then percentage only, then truncated percentage
-     * Calculates chord length (straight line) since text is rendered horizontally, not along the arc
+     * Returns the best-fit label text for a segment, progressively truncating
+     * from "Label (XX%)" → "Label" → "XX%" → truncated label → truncated percentage.
      */
     private getTruncatedLabelText;
     /**
@@ -281,10 +284,6 @@ declare class AXDonutChartComponent extends AXChartComponent implements OnDestro
      * Handles mouse leave from segments
      */
     private handleSegmentLeave;
-    /**
-     * Updates tooltip position
-     * Ensures the tooltip is visible by adjusting position when near edges
-     */
     private updateTooltipPosition;
     /**
      * Adds center display with total value

package/fesm2022/acorex-charts-bar-chart.mjs

@@ -111,6 +111,8 @@ class AXBarChartComponent extends AXChartComponent {
         percentage: '0%',
         color: '',
     }, ...(ngDevMode ? [{ debugName: "_tooltipData" }] : []));
+    _tooltipRafId = null;
+    _pendingTooltipCoords = null;
     // Signals for component state
     _initialized = signal(false, ...(ngDevMode ? [{ debugName: "_initialized" }] : []));
     _rendered = signal(false, ...(ngDevMode ? [{ debugName: "_rendered" }] : []));
@@ -272,9 +274,13 @@ class AXBarChartComponent extends AXChartComponent {
      * Cleans up chart resources
      */
     cleanupChart() {
+        if (this._tooltipRafId != null) {
+            cancelAnimationFrame(this._tooltipRafId);
+            this._tooltipRafId = null;
+        }
+        this._pendingTooltipCoords = null;
         const container = this.chartContainerEl()?.nativeElement;
         if (container) {
-            // Only remove chart SVG and message containers to preserve tooltip component
             this.d3?.select(container).selectAll('svg, .ax-chart-message-container').remove();
         }
         this.svg = undefined;
@@ -934,20 +940,24 @@ class AXBarChartComponent extends AXChartComponent {
             this._tooltipVisible.set(true);
         }
     }
-    /**
-     * Updates tooltip position based on mouse coordinates
-     * Enhanced to handle overflow issues by positioning tooltips more intelligently
-     */
     updateTooltipPosition(event) {
-        const containerEl = this.chartContainerEl()?.nativeElement;
-        if (!containerEl)
+        this._pendingTooltipCoords = { x: event.clientX, y: event.clientY };
+        if (this._tooltipRafId != null)
             return;
-        const containerRect = containerEl.getBoundingClientRect();
-        const tooltipEl = containerEl.querySelector('.chart-tooltip');
-        const tooltipRect = tooltipEl ? tooltipEl.getBoundingClientRect() : null;
-        // Enhanced positioning logic for better tooltip placement
-        const pos = this.computeEnhancedTooltipPosition(containerRect, tooltipRect, event.clientX, event.clientY);
-        this._tooltipPosition.set(pos);
+        this._tooltipRafId = requestAnimationFrame(() => {
+            this._tooltipRafId = null;
+            const coords = this._pendingTooltipCoords;
+            if (!coords)
+                return;
+            const containerEl = this.chartContainerEl()?.nativeElement;
+            if (!containerEl)
+                return;
+            const containerRect = containerEl.getBoundingClientRect();
+            const tooltipEl = containerEl.querySelector('.chart-tooltip');
+            const tooltipRect = tooltipEl ? tooltipEl.getBoundingClientRect() : null;
+            const pos = this.computeEnhancedTooltipPosition(containerRect, tooltipRect, coords.x, coords.y);
+            this._tooltipPosition.set(pos);
+        });
     }
     /**
      * Enhanced tooltip positioning that considers chart boundaries and prevents overflow