Merge pull request #39 from wever-ko/feat-CircleGauge

fix:error & docs: change svg images
wever-ko · Nov 23, 2018 · d80f1d5 · d80f1d5
2 parents 310ee42 + e7f579f
commit d80f1d5
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 17 deletions.
diff --git a/CircleGauge/README.md b/CircleGauge/README.md
diff --git a/CircleGauge/circleGauge.js b/CircleGauge/circleGauge.js
diff --git a/CircleGauge/circleGauge.min.js b/CircleGauge/circleGauge.min.js
diff --git a/CircleGauge/docs/exgif.gif b/CircleGauge/docs/exgif.gif
diff --git a/CircleGauge/docs/eximg.png b/CircleGauge/docs/eximg.png
diff --git a/CircleGauge/docs/exsvg.svg b/CircleGauge/docs/exsvg.svg
diff --git a/CircleGauge/examples/require.js b/CircleGauge/examples/require.js
diff --git a/CircleGauge/examples/requirejs.html b/CircleGauge/examples/requirejs.html
@@ -5,7 +5,7 @@
 	<script type="text/javascript" src = "require.js"></script>
 </head>
 <body>
-	<div id = 'test'>
+	<div id = 'test' style="width: 200px; height: 200px;">
 	</div>
 </body>
 <script type="text/javascript">
@@ -25,7 +25,6 @@
         	emptyLineWidth: 25,
         	textColor : '#07472C'
     	}).create(target);
-
 	});
 </script>
 </html>
diff --git a/CircleGauge/index.html b/CircleGauge/index.html
@@ -74,26 +74,20 @@
     var target = document.getElementById('test');
 
     var circularBar = new CircleGauge({
-        lineWidth : 10,
-        value: 70,
+        lineWidth : 5,
+        value: 65,
         radius : 25,
-        lineColor: '#5ca284',
-        emptyLineColor: '#afdcc9',
+        lineColor: '#e65348',
+        emptyLineColor: '#eaeaea',
         showText: true,
-        emptyLineWidth: 10,
-        textColor : '#07472C',
+        emptyLineWidth: 2,
+        textColor : '#878787',
+        textSize:12,
         text: function(value) {
             return (parseFloat(value) |0 ) + "%";
         }
     }).create(target);
 
-    //circularBar.text("" + Math.round(circularBar.val()) + "%");
-
-   // circularBar.step = function ()
-  //  {
-     //   circularBar.text("" + Math.round(this.val()) + "%");
-  //  }
-
     // Value
     var pvalue = document.getElementById('value');
     pvalue.value = circularBar.val();
@@ -102,7 +96,7 @@
     valueA.innerHTML = circularBar.val();
 
     pvalue.addEventListener('input', function() {
-        circularBar.val(palseFloat(pvalue.value));
+        circularBar.val(parseFloat(pvalue.value));
         valueA.innerHTML = pvalue.value;
     });