diff --git a/src/components/Charts/Pie/index.js b/src/components/Charts/Pie/index.js
index 06ae869e9faaf558ee50df489d0058b303d823d7..0952d0203d0a607e1954a1e7674394c9b8e22386 100644
--- a/src/components/Charts/Pie/index.js
+++ b/src/components/Charts/Pie/index.js
@@ -55,7 +55,7 @@ class Pie extends Component {
       height = 0,
       hasLegend,
       fit = true,
-      margin, percent, color,
+      margin = [12, 0, 12, 0], percent, color,
       inner = 0.75,
       animate = true,
       colors,
diff --git a/src/components/Charts/Pie/index.less b/src/components/Charts/Pie/index.less
index 769d91d98514d9446755ffdb130552ff171765a3..223d253db7eb32f24a329a5526375ff3f8c1e77d 100644
--- a/src/components/Charts/Pie/index.less
+++ b/src/components/Charts/Pie/index.less
@@ -7,8 +7,8 @@
     position: relative;
   }
   &.hasLegend .chart {
-    width: ~"calc(100% - 264px)";
-    margin-left: 24px;
+    width: ~"calc(100% - 252px)";
+    margin-left: 12px;
   }
   .legend {
     position: absolute;