@eclipse-scout/chart 23.1.12 → 23.1.14

package/dist/eclipse-scout-chart.js

@@ -1841,6 +1841,10 @@ class ChartJsRenderer extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractChartR
     if (isTooltipShowing) {
       this._renderTooltipLater(context);
     } else {
+      // clear timeout before creating a new handler.
+      // Otherwise, changing the context within the tooltip delay time creates a second handler
+      // and the first one will always be executed, since the tooltipTimoutId reference to it is lost
+      clearTimeout(this._tooltipTimeoutId);
       this._tooltipTimeoutId = setTimeout(() => this._renderTooltipLater(context), _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.tooltips.DEFAULT_TOOLTIP_DELAY);
     }
   }
@@ -1876,11 +1880,8 @@ class ChartJsRenderer extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractChartR
     if (_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.objects.isFunction(tooltipItems)) {
       tooltipText += _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.arrays.ensure(tooltipItems(dataPoints, tooltipLabel, tooltipLabelValue, tooltipColor)).join('');
     }
-    let positionAndOffset = this._computeTooltipPositionAndOffset(firstDataPoint),
-      origin = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.graphics.offsetBounds(this.$canvas);
-    origin.x += tooltip.caretX + positionAndOffset.offsetX;
-    origin.y += tooltip.caretY + positionAndOffset.offsetY;
-    origin.height = positionAndOffset.height;
+    let positionAndOffset = this._computeTooltipPositionAndOffset(firstDataPoint);
+    let offset = new _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.Point(tooltip.caretX + positionAndOffset.offsetX, tooltip.caretY + positionAndOffset.offsetY);
     this._tooltip = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.scout.create({
       objectType: _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.Tooltip,
       parent: this.chart,
@@ -1890,7 +1891,12 @@ class ChartJsRenderer extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractChartR
       cssClass: _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.strings.join(' ', 'chart-tooltip', tooltipOptions.cssClass),
       tooltipPosition: positionAndOffset.tooltipPosition,
       tooltipDirection: positionAndOffset.tooltipDirection,
-      origin: origin
+      originProducer: $anchor => {
+        const origin = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_2__.graphics.offsetBounds($anchor);
+        origin.height = positionAndOffset.height;
+        return origin;
+      },
+      offsetProducer: origin => offset
     });
     this._tooltip.render();
     this._tooltip.$container.css('pointer-events', 'none');