feat: 增加showAnchor字段 (#2072)

Co-authored-by: xuying.xu <xuying.xu@alibaba-inc.com>

Author: tangying1027

packages/f2/src/components/pieLabel/pieLabeView.tsx

@@ -9,6 +9,7 @@ export default (props) => {
     label2OffsetY,
     triggerRef,
     onClick,
+    showAnchor,
   } = props;
 
   return (
@@ -28,15 +29,17 @@ export default (props) => {
             }
           >
             {/* 锚点 */}
-            <circle
-              attrs={{
-                r: '4px',
-                cx: anchor.x,
-                cy: anchor.y,
-                fill: color,
-                ...anchorStyle,
-              }}
-            />
+            {showAnchor && (
+              <circle
+                attrs={{
+                  r: '4px',
+                  cx: anchor.x,
+                  cy: anchor.y,
+                  fill: color,
+                  ...anchorStyle,
+                }}
+              />
+            )}
             {/* 线 */}
             <polyline
               attrs={{

packages/f2/src/components/pieLabel/withPieLabel.tsx

@@ -9,16 +9,17 @@ const DEFAULT_CONFIG = {
   height: '64px', // 文本的行高
   adjustOffset: '30', // 发生调整时的偏移量
   triggerOn: 'click', // 点击行为触发的时间类型
-  // activeShape: false, // 当有图形被选中的时候，是否激活图形
-  // activeStyle: {
-  //   offset: '1px',
-  //   appendRadius: '8px',
-  //   fillOpacity: 0.5,
-  // },
+  activeShape: true, // 当有图形被选中的时候，是否激活图形
+  activeStyle: {
+    offset: '1px',
+    appendRadius: '8px',
+    fillOpacity: 0.5,
+  },
   label1OffsetY: '-4px',
   label2OffsetY: '4px',
   type: 'default', // 标签布局类型：default 或 spider
   adjustRatio: 1 / 2, // 调整高度的阈值比例
+  showAnchor: true,
 };
 
 function getEndPoint(center: Point, angle: number, r: number) {