From a30e058e40452f5a1253a31b5ac6b94316aed065 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 25 Oct 2017 10:58:54 +0800
Subject: [PATCH] update detail

---
 src/components/Charts/Pie/index.js   | 3 ++-
 src/components/Charts/Pie/index.less | 1 -
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Charts/Pie/index.js b/src/components/Charts/Pie/index.js
index 0ee32fed..36243fdc 100644
--- a/src/components/Charts/Pie/index.js
+++ b/src/components/Charts/Pie/index.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import G2 from 'g2';
+import { Divider } from 'antd';
 import equal from '../equal';
 import styles from './index.less';
 
@@ -223,7 +224,7 @@ class Pie extends Component {
                       <li key={item.x} onClick={() => this.handleLegendClick(item, i)}>
                         <span className={styles.dot} style={{ backgroundColor: !item.checked ? '#aaa' : item.color }} />
                         <span className={styles.legendTitle}>{item.x}</span>
-                        <span className={styles.line} />
+                        <Divider type="vertical" />
                         <span className={styles.percent}>{`${(item['..percent'] * 100).toFixed(2)}%`}</span>
                         <span
                           className={styles.value}
diff --git a/src/components/Charts/Pie/index.less b/src/components/Charts/Pie/index.less
index f0051a97..693a7134 100644
--- a/src/components/Charts/Pie/index.less
+++ b/src/components/Charts/Pie/index.less
@@ -35,7 +35,6 @@
   }
   .legendTitle {
     color: @text-color;
-    margin-right: 8px;
   }
   .percent {
     color: @text-color-secondary;
-- 
GitLab