From ba3760a24c1c5bab343594756ca055a6153cdba6 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 2 Nov 2017 16:52:53 +0800
Subject: [PATCH] Tweak sale Pie margin

---
 src/components/Charts/Pie/index.less |  6 +++---
 src/routes/Dashboard/Analysis.js     | 22 ++++++++++------------
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/Charts/Pie/index.less b/src/components/Charts/Pie/index.less
index 84b23423..0ad561db 100644
--- a/src/components/Charts/Pie/index.less
+++ b/src/components/Charts/Pie/index.less
@@ -6,8 +6,7 @@
     position: relative;
   }
   &.hasLegend .chart {
-    width: ~"calc(100% - 252px)";
-    margin-left: 12px;
+    width: ~"calc(100% - 236px)";
   }
   .legend {
     position: absolute;
@@ -15,6 +14,7 @@
     min-width: 200px;
     top: 50%;
     transform: translateY(-50%);
+    margin: 0 20px;
     li {
       cursor: pointer;
       margin-bottom: 16px;
@@ -72,7 +72,7 @@
     & > p {
       color: @heading-color;
       display: block;
-      font-size: 1.3em;
+      font-size: 1.2em;
       height: 32px;
       line-height: 32px;
       white-space: nowrap;
diff --git a/src/routes/Dashboard/Analysis.js b/src/routes/Dashboard/Analysis.js
index d616fd24..1ef131ca 100644
--- a/src/routes/Dashboard/Analysis.js
+++ b/src/routes/Dashboard/Analysis.js
@@ -437,20 +437,18 @@ export default class Analysis extends Component {
                   </div>
                 </div>
               )}
-              style={{ marginTop: 24 }}
+              style={{ marginTop: 24, minHeight: 509 }}
             >
               <h4 style={{ marginTop: 8, marginBottom: 32 }}>销售额</h4>
-              <div style={{ marginBottom: 57 }}>
-                <Pie
-                  hasLegend
-                  subTitle="销售额"
-                  total={yuan(salesPieData.reduce((pre, now) => now.y + pre, 0))}
-                  data={salesPieData}
-                  valueFormat={val => yuan(val)}
-                  height={240}
-                  lineWidth={4}
-                />
-              </div>
+              <Pie
+                hasLegend
+                subTitle="销售额"
+                total={yuan(salesPieData.reduce((pre, now) => now.y + pre, 0))}
+                data={salesPieData}
+                valueFormat={val => yuan(val)}
+                height={248}
+                lineWidth={4}
+              />
             </Card>
           </Col>
         </Row>
-- 
GitLab