From 78e1b6064480048c8f23f07ee6146ee5d8fa629c Mon Sep 17 00:00:00 2001
From: Muhammad Umer Waheed <omer0196@ucp.edu.pk>
Date: Tue, 27 Nov 2018 01:58:20 +0500
Subject: [PATCH 1/3] this resolves the issue number #65

---
 src/pie-chart.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pie-chart.js b/src/pie-chart.js
index c0727a7d..e0d8b1de 100644
--- a/src/pie-chart.js
+++ b/src/pie-chart.js
@@ -35,8 +35,8 @@ class PieChart extends AbstractChart {
             fill={c.item.color}
           />
           <Rect
-            width="16"
-            height="16"
+            width="5%"
+            height="13%"
             fill={c.item.color}
             rx={8}
             ry={8}

From b770a8c010283b8f42183fdb4235de259d00a19b Mon Sep 17 00:00:00 2001
From: Muhammad Umer Waheed <omer0196@ucp.edu.pk>
Date: Tue, 27 Nov 2018 01:59:00 +0500
Subject: [PATCH 2/3] this resolves the issue number #65

---
 src/progress-chart.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/progress-chart.js b/src/progress-chart.js
index 9a8151b3..67ffa921 100644
--- a/src/progress-chart.js
+++ b/src/progress-chart.js
@@ -94,8 +94,8 @@ class ProgressChart extends AbstractChart {
               return (
                 <Rect
                   key={Math.random()}
-                  width="16"
-                  height="16"
+                  width="5%"
+                  height="13%"
                   fill={this.props.chartConfig.color(0.2 * (i + 1))}
                   rx={8}
                   ry={8}

From 0d0dd04d8cac5feb5dce2422ebd19c6f9371823d Mon Sep 17 00:00:00 2001
From: Muhammad Umer Waheed <omer0196@ucp.edu.pk>
Date: Tue, 27 Nov 2018 02:08:37 +0500
Subject: [PATCH 3/3] Minor changes in pie chart example.

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 36dcb93f..d8914e8a 100644
--- a/README.md
+++ b/README.md
@@ -198,7 +198,7 @@ const data = [
   { name: 'Toronto', population: 2800000, color: '#F00', legendFontColor: '#7F7F7F', legendFontSize: 15 },
   { name: 'Beijing', population: 527612, color: 'red', legendFontColor: '#7F7F7F', legendFontSize: 15 },
   { name: 'New York', population: 8538000, color: '#ffffff', legendFontColor: '#7F7F7F', legendFontSize: 15 },
-  { name: 'Moscow', population: 11920000, color: 'rgb(0, 0, 255)', legendFontColor: '#7F7F7F, legendFontSize: 15' }
+  { name: 'Moscow', population: 11920000, color: 'rgb(0, 0, 255)', legendFontColor: '#7F7F7F', legendFontSize: 15 }
 ]
 ```
 ```html