Merge pull request #3555 from VisActor/fix/tooltip-position-and-style

Fix/tooltip position and style

Author: xile611

common/changes/@visactor/vchart/fix-tooltip-position-and-style_2024-12-12-03-26.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "fix: fix style of dom tooltip\n\n",
+      "type": "none",
+      "packageName": "@visactor/vchart"
+    }
+  ],
+  "packageName": "@visactor/vchart",
+  "email": "[email protected]"
+}

packages/vchart/src/plugin/components/tooltip-handler/dom-tooltip-handler.ts

@@ -240,6 +240,7 @@ export class DomTooltipHandler extends BaseTooltipHandler {
 
     if (contentDom && hasContent) {
       const columnDivs = [...(contentDom.children as any)] as HTMLElement[];
+      setStyleToDom(contentDom, { whiteSpace: 'nowrap' });
 
       columnDivs.forEach((colDiv, index) => {
         const colName = colDiv.getAttribute('data-col');

packages/vchart/src/plugin/components/tooltip-handler/utils/common.ts

@@ -26,7 +26,7 @@ export const getScale = (element: HTMLElement, boundingClientRect?: DOMRect) =>
   if (element.offsetWidth > 0) {
     return boundingClientRect.width / element.offsetWidth;
   }
-  return boundingClientRect.height / element.offsetHeight;
+  return element.offsetHeight > 0 ? boundingClientRect.height / element.offsetHeight : 1;
 };
 
 export const formatContent = (content: any) => {