三测单优化

src/components/medical-advice/temperature/graphics.vue

@@ -137,41 +137,41 @@
         <!-- <record></record> -->
         <tr class="recorde temperature_mark">
           <td colspan="2" rowspan="45" style="border-right: 1px solid white">
-            <div style="margin-top: 476px; height: 31px">
+            <div style="margin-top: 530px; height: 31px">
               <p style="width: 35px">
-                <span>口表•</span>
-                <span style="color: blue">腋表x</span>
-                <span>肛表o</span>
-                <span style="color: red">脉搏•</span>
-                <span style="color: red">心率o</span>
+                <span>口表•</span><br/>
+                <span style="color: blue">腋表x</span><br/>
+                <span>肛表o</span><br/>
+                <span style="color: red">脉搏•</span><br/>
+                <span style="color: red">心率o</span><br/>
               </p>
               <p></p>
             </div>
           </td>
           <td colspan="3" rowspan="45">
             <div style="color: red" class="num_wrapper">
-              <p style="margin-top: 0; text-align: right">脉搏次/分</p>
-              <p style="margin-top: 32px">180</p>
-              <p style="margin-top: 55px">160</p>
-              <p style="margin-top: 55px">140</p>
-              <p style="margin-top: 55px">120</p>
-              <p style="margin-top: 55px">100</p>
-              <p style="margin-top: 55px">80</p>
-              <p style="margin-top: 56px">60</p>
-              <p style="margin-top: 56px">40</p>
+              <p style="margin-top: 0; text-align: center">脉搏<br/>(次/分)</p>
+              <p style="margin-top: 40px">180</p>
+              <p style="margin-top: 64px">160</p>
+              <p style="margin-top: 64px">140</p>
+              <p style="margin-top: 60px">120</p>
+              <p style="margin-top: 60px">100</p>
+              <p style="margin-top: 60px">80</p>
+              <p style="margin-top: 60px">60</p>
+              <p style="margin-top: 60px">40</p>
             </div>
           </td>
           <td colspan="3" rowspan="45">
             <div style="color: blue" class="num_wrapper">
-              <p style="margin-top: 0">体温<br />x</p>
-              <p style="margin-top: 32px">41</p>
-              <p style="margin-top: 55px">40</p>
-              <p style="margin-top: 55px">39</p>
-              <p style="margin-top: 55px">38</p>
-              <p style="margin-top: 55px">37</p>
-              <p style="margin-top: 55px">36</p>
-              <p style="margin-top: 56px">35</p>
-              <p style="margin-top: 56px">34</p>
+              <p style="margin-top: 0;">体温<br />℃</p>
+              <p style="margin-top: 40px">41</p>
+              <p style="margin-top: 64px">40</p>
+              <p style="margin-top: 64px">39</p>
+              <p style="margin-top: 60px">38</p>
+              <p style="margin-top: 60px">37</p>
+              <p style="margin-top: 60px">36</p>
+              <p style="margin-top: 60px">35</p>
+              <p style="margin-top: 60px">34</p>
             </div>
           </td>
           <td
@@ -781,17 +781,17 @@ export default {
       var yScale = d3
         .scaleLinear()
         .domain([33, 42])
-        .range([height - padding.top - padding.bottom, -56]);
+        .range([height - padding.top - padding.bottom, 0]);
       // 脉搏
       var yScale1 = d3
         .scaleLinear()
         .domain([20, 200])
-        .range([height - padding.top - padding.bottom, -55]);
+        .range([height - padding.top - padding.bottom, 10]);
       // 呼吸
       var yScale2 = d3
         .scaleLinear()
         .domain([0, 40])
-        .range([height - padding.top + 22, -55]);
+        .range([height - padding.top + 22, 10]);
 
       // 创建x轴
       var xAxis = d3.axisBottom().scale(xScale);