From ff5c861de326216b181904824b5ed47bb16fcbf1 Mon Sep 17 00:00:00 2001
From: Chavin <chavinchen@hotmail.com>
Date: Wed, 25 Oct 2023 23:41:19 +0800
Subject: [PATCH] fixed a bad svg demo

---
 docs/svg.md | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/docs/svg.md b/docs/svg.md
index 62d7b79..a9fc228 100644
--- a/docs/svg.md
+++ b/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>