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

Fix/tooltip max width

Author: xile611

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": "dingling112@gmail.com"
+}

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

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 {