Merge pull request #10 from Chavin-Chen/master

fixed a bad svg demo

Author: ruanyf

docs/svg.md

@@ -452,20 +452,22 @@ Date |Amount
 ```xml
 <svg width="350" height="160">
   <g class="layer" transform="translate(60,10)">
-    <circle r="5" cx="0"   cy="105" />
-    <circle r="5" cx="90"  cy="90"  />
-    <circle r="5" cx="180" cy="60"  />
-    <circle r="5" cx="270" cy="0"   />
+    <circle r="2" cx="0" cy="105" />
+    <circle r="2" cx="90" cy="90" />
+    <circle r="2" cx="180" cy="60" />
+    <circle r="2" cx="270" cy="0" />
+
+    <polyline points="0,105 90,90 180,60 270,0" fill="none" stroke="red" />
 
     <g class="y axis">
-      <line x1="0" y1="0" x2="0" y2="120" />
-      <text x="-40" y="105" dy="5">$10</text>
-      <text x="-40" y="0"   dy="5">$80</text>
+      <line x1="0" y1="0" x2="0" y2="120" style="stroke:black;stroke-width:1" />
+      <text x="-40" y="115" dy="5">$10</text>
+      <text x="-40" y="5" dy="5">$80</text>
     </g>
     <g class="x axis" transform="translate(0, 120)">
-      <line x1="0" y1="0" x2="270" y2="0" />
-      <text x="-30"   y="20">January 2014</text>
-      <text x="240" y="20">April</text>
+      <line x1="0" y1="0" x2="270" y2="0" style="stroke:black;stroke-width:1" />
+      <text x="-10" y="20">Jan.</text>
+      <text x="255" y="20">Apr.</text>
     </g>
   </g>
 </svg>