修改色带数据问题

src/views/Home.vue

               <p class="utils" v-else>(mg/L)</p>
             </div>
             <point-qulity :dataList="pointParamsData"></point-qulity>
-            <p class="pointId">点号</p>
+            <p class="pointId">(点号)</p>
+          
           </div>
 
         
             <span>{{colorHL&&colorHL.value.low}}</span>
             <span v-if="checkedParams=='tp'">单位：μg/L</span>
             <span v-else>单位：mg/L</span>
-            <span v-if="checkedParams=='tp'">{{colorHL&&colorHL.value.high*100}}</span>
+            <span v-if="checkedParams=='tp'">{{colorHL&&colorHL.value.high*1000}}</span>
             <span v-else>{{colorHL&&colorHL.value.high}}</span>
             
           </p>
 .chartContent {
   width: 100%;
 }
+.pointChart {
+  position: relative;
+  padding-bottom: 20px;
+}
 .chooseParams {
   width: 90%;
   margin: 0 auto;
 .pointId {
   font-size: 12px;
   color: #666;
-  text-align: end;
-  padding-right: 30px;
-  margin-bottom: 15px;
+  position: absolute;
+  bottom: 20px;
+  right: 30px;
 }
 .placeChart {
   width: 100%;
 /* 弹出框 */
 .showPopupPoint {
   width: 220px;
-  height: 170px;
+  height: 160px;
   padding: 10px;
   background-color: rgb(255, 255, 255);
 }

src/views/leftCompoents/landUse.vue

       },
     };
   })
-  .tooltip('lc*ratio', (lc,ratio) => {
+  .tooltip('lc*area', (lc,area) => {
     return {
       name:lc,
-      value: parseFloat(ratio).toFixed(2) + ' 公顷',
+      value: parseFloat(area).toFixed(2) + ' 公顷',
+     
     };
   });
 

src/views/leftCompoents/outletComponents.vue

     </p>
     <ul class="paramsList">
         <li class="value">
-          <span>经度：{{dataList.lon=='0.0'?'118.808797':dataList.lon}}</span>
+          <span class="lon">经度：{{dataList.lon=='0.0'?'118.808797':dataList.lon}}</span>
           <span>纬度：{{dataList.lat=='0.0'?'31.996371':dataList.lat}}</span>
           <span class="imgtitle">现场照片</span>
           <img v-if="checked==0" class="outletImg" src="../../assets/img/gisdemo/outletImg.png" alt="">
       width: 100%;
       height: auto;
     }
+    .lon {
+      margin-bottom: 8px;
+    }
 </style>

src/views/leftCompoents/pointQulity.vue

     const data = this.dataList;
     let chart = new Chart({
       container: "pointQulity",
-      width: 300,
+      width: 280,
       height: 200,
-      padding: [10, 10, 20, 40],
+      padding: [10, 30, 20, 30],
     });
 
     chart.data(data);