Merge pull request #3723 from VisActor/fix/tooltip-max-width

Fix/tooltip max width
VisActor · Feb 12, 2025 · 05db465 · 05db465
2 parents 68570b1 + 136c22e
commit 05db465
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/common/changes/@visactor/vchart/fix-tooltip-max-width_2025-02-12-03-29.json b/common/changes/@visactor/vchart/fix-tooltip-max-width_2025-02-12-03-29.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "fix: tooltip should auto wrap when `maxWidth` is valid and `multiLine` is not false, fix #3718\n\n",
+      "type": "none",
+      "packageName": "@visactor/vchart"
+    }
+  ],
+  "packageName": "@visactor/vchart",
+  "email": "[email protected]"
+}
diff --git a/packages/vchart/src/plugin/components/tooltip-handler/utils/attribute.ts b/packages/vchart/src/plugin/components/tooltip-handler/utils/attribute.ts
@@ -84,7 +84,7 @@ export function getTextAttributes(
     fontWeight: style.fontWeight,
     lineHeight: style.lineHeight as number,
     spacing: style.spacing,
-    multiLine: style.multiLine,
+    multiLine: isValid(style.maxWidth) ? style.multiLine !== false : style.multiLine,
     maxWidth: style.maxWidth,
     wordBreak: style.wordBreak,
     autoWidth: style.autoWidth

diff --git a/packages/vchart/src/plugin/components/tooltip-handler/utils/style.ts b/packages/vchart/src/plugin/components/tooltip-handler/utils/style.ts
@@ -34,10 +34,12 @@ export const getTextStyle = (style: ITooltipTextTheme = {}, textStyle: Partial<C
   if (isValid(style.fontSize)) {
     textStyle.fontSize = getPixelPropertyStr(style.fontSize as number);
   }
+
   if (isValid(style.maxWidth)) {
     textStyle.maxWidth = getPixelPropertyStr(style.maxWidth as number);
   }
-  if (style.multiLine) {
+
+  if (style.multiLine || (isValid(style.maxWidth) && style.multiLine !== false)) {
     textStyle.whiteSpace = 'initial';
     textStyle.wordBreak = style.wordBreak ?? 'break-word';
   } else {