Fixed Pie Chart Component

mohdrashid · mohdrashid · commit 0d02b78fae79 · 2017-07-31T19:03:00.000+05:30
diff --git a/src/app/components/pieChart/pieChart.component.html b/src/app/components/pieChart/pieChart.component.html
@@ -2,8 +2,8 @@
 <div class="panel panel-default">
   <div class="panel-body easypiechart-panel">
     <h4>{{properties['label']}}</h4>
-    <div class="progressBarText">
-      {{((properties['current']/properties['max'])*100).toFixed(1)}}%
+    <div class="progressBarText" [style.color]="properties['color']">
+      {{((properties['current']/properties['max'])*100).toPrecision(3)}}%
     </div>
     <div class="progressive-pieChart">
       <round-progress
diff --git a/src/app/components/pieChart/pieChart.scss b/src/app/components/pieChart/pieChart.scss
@@ -7,16 +7,17 @@
   bottom: auto; left: 50%; transform: translateY(-50%) translateX(-50%);
   font-size: 2.7rem;
   padding-top: 10px;
+  padding-left: 7.5px;
 }
 
 .progressive-pieChart{
   padding: 30px;
 }
 
 // Little larger screen
-@media only screen and (max-width: 480px){
+@media only screen and (max-width: 380px){
   .progressBarText {
-    font-size: 0.8rem;
+    font-size: 2rem;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -7,16 +7,17 @@`
`7`	`7`	`bottom: auto; left: 50%; transform: translateY(-50%) translateX(-50%);`
`8`	`8`	`font-size: 2.7rem;`
`9`	`9`	`padding-top: 10px;`
	`10`	`+ padding-left: 7.5px;`
`10`	`11`	`}`
`11`	`12`
`12`	`13`	`.progressive-pieChart{`
`13`	`14`	`padding: 30px;`
`14`	`15`	`}`
`15`	`16`
`16`	`17`	`// Little larger screen`
`17`		`-@media only screen and (max-width: 480px){`
	`18`	`+@media only screen and (max-width: 380px){`
`18`	`19`	`.progressBarText {`
`19`		`- font-size: 0.8rem;`
	`20`	`+ font-size: 2rem;`
`20`	`21`	`}`
`21`	`22`	`}`
`22`	`23`