Merge pull request #3930 from VisActor/feat/tooltip-position-inside

Feat/tooltip position inside

Author: xile611

common/changes/@visactor/vchart/develop_2025-04-25-09-58.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "feat: tooltip support inside position\n\n",
+      "type": "none",
+      "packageName": "@visactor/vchart"
+    }
+  ],
+  "packageName": "@visactor/vchart",
+  "email": "[email protected]"
+}

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

@@ -322,6 +322,9 @@ export abstract class BaseTooltipHandler extends BasePlugin implements ITooltipH
           case -2:
             calcPos[posKey] = dim1 - boxSize * tooltipSizeScale - dimOffset;
             break;
+          case -1.5:
+            calcPos[posKey] = dim1 + dimOffset;
+            break;
           case 0:
             calcPos[posKey] = (dim1 + dim2) / 2 - (boxSize * tooltipSizeScale) / 2;
             break;
@@ -331,6 +334,9 @@ export abstract class BaseTooltipHandler extends BasePlugin implements ITooltipH
           case 1:
             calcPos[posKey] = (dim1 + dim2) / 2 + dimOffset;
             break;
+          case 1.5:
+            calcPos[posKey] = dim2 - boxSize * tooltipSizeScale - dimOffset;
+            break;
           case 2:
             calcPos[posKey] = dim2 + dimOffset;
             break;

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

@@ -32,20 +32,31 @@ export const getActualTooltipPositionValue = (
   return result;
 };
 
-// 'left' | 'centerLeft' | 'center'  | 'centerRight' |  'right'
-// 'top' | 'centerTop' | 'center' | 'centerBottom' | 'bottom'
-export type TooltipPositionType = -2 | -1 | 0 | 1 | 2;
+// 'left' | 'innerLeft' |  'centerLeft' | 'center'  | 'centerRight' | 'innerRight'  |  'right'
+// 'top' | 'innerTop' | 'centerTop' | 'center' | 'centerBottom' | 'innerBottom' | 'bottom'
+export type TooltipPositionType = -2 | -1.5 | -1 | 0 | 1 | 1.5 | 2;
 
 /** position 对齐方式在 x、y 分量下的分解 */
 export const positionType: Record<TooltipFixedPosition, [TooltipPositionType, TooltipPositionType]> = {
   left: [-2, 0],
   right: [2, 0],
   top: [0, -2],
+  bottom: [0, 2],
+
+  insideTop: [0, -1.5],
+  insideBottom: [0, 1.5],
+  insideLeft: [-1.5, 0],
+  insideRight: [1.5, 0],
+
+  insideTopLeft: [-1.5, -1.5],
+  insideTopRight: [1.5, -1.5],
+  insideBottomLeft: [-1.5, 1.5],
+  insideBottomRight: [1.5, 1.5],
+
   lt: [-2, -2],
   tl: [-2, -2],
   rt: [2, -2],
   tr: [2, -2],
-  bottom: [0, 2],
   bl: [-2, 2],
   lb: [-2, 2],
   br: [2, 2],

packages/vchart/src/typings/tooltip/position.ts

@@ -89,7 +89,47 @@ export type TooltipFixedPosition =
    */
   | 'centerRight'
   /** tooltip 显示在鼠标所在图形中心位置（旧版兼容，建议用 `'center'`） */
-  | 'inside';
+  | 'inside'
+  /**
+   * tooltip 显示在鼠标所在图形的内侧顶部
+   * @since 1.13.10
+   */
+  | 'insideTop'
+  /**
+   * tooltip 显示在鼠标所在图形的内侧底部
+   * @since 1.13.10
+   */
+  | 'insideBottom'
+  /**
+   * tooltip 显示在鼠标所在图形的内侧左侧
+   * @since 1.13.10
+   */
+  | 'insideLeft'
+  /**
+   * tooltip 显示在鼠标所在图形的内侧右侧
+   * @since 1.13.10
+   */
+  | 'insideRight'
+  /**
+   * tooltip 显示在鼠标所在图形的内侧左上角
+   * @since 1.13.10
+   */
+  | 'insideTopLeft'
+  /**
+   * tooltip 显示在鼠标所在图形的内侧右上角
+   * @since 1.13.10
+   */
+  | 'insideTopRight'
+  /**
+   * tooltip 显示在鼠标所在图形的内侧左下角
+   * @since 1.13.10
+   */
+  | 'insideBottomLeft'
+  /**
+   * tooltip 显示在鼠标所在图形的内侧右下角
+   * @since 1.13.10
+   */
+  | 'insideBottomRight';
 
 export type TooltipPositionMode =
   /** tooltip 固定在鼠标指针附近 */