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

Fix/tooltip position and style
VisActor · Dec 13, 2024 · a8ed299 · a8ed299
2 parents 8d93109 + 388e002
commit a8ed299
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/common/changes/@visactor/vchart/fix-tooltip-position-and-style_2024-12-12-03-26.json b/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]"
+}
diff --git a/packages/vchart/src/plugin/components/tooltip-handler/dom-tooltip-handler.ts b/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');

diff --git a/packages/vchart/src/plugin/components/tooltip-handler/utils/common.ts b/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) => {