add top and bottom options to positioning center label

recharts · Jun 18, 2018 · 5411419 · 5411419
1 parent 29e613b
commit 5411419
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/component/Label.js b/src/component/Label.js
@@ -32,7 +32,7 @@ const propTypes = {
     'top', 'left', 'right', 'bottom', 'inside', 'outside',
     'insideLeft', 'insideRight', 'insideTop', 'insideBottom',
     'insideTopLeft', 'insideBottomLeft', 'insideTopRight', 'insideBottomRight',
-    'insideStart', 'insideEnd', 'end', 'center',
+    'insideStart', 'insideEnd', 'end', 'center', 'centerTop', 'centerBottom'
   ]),
   children: PropTypes.oneOfType([
     PropTypes.arrayOf(PropTypes.node),
@@ -130,6 +130,24 @@ const getAttrsOfPolarLabel = (props) => {
     };
   }
 
+  if (position === 'centerTop') {
+    return {
+      x: cx,
+      y: cy,
+      textAnchor: 'middle',
+      verticalAnchor: 'start',
+    };
+  }
+
+  if (position === 'centerBottom') {
+    return {
+      x: cx,
+      y: cy,
+      textAnchor: 'middle',
+      verticalAnchor: 'end',
+    };
+  }
+
   const r = (innerRadius + outerRadius) / 2;
   const { x, y } = polarToCartesian(cx, cy, r, midAngle);