联调实时数据页面

src/components/echarts/rmsboxi.vue

@@ -1,11 +1,12 @@
 <template>
-  <div v-loading="loading" style="position: relative">
-    <div id="boxr">
-      <div id="rmsp" :style="`height:${vh};overflow: hidden;`">
-        <div class="bx" id="rms"></div>
-      </div>
-    </div>
-    <!-- <el-button
+    <div v-loading="loading" style="position: relative">
+        <div id="boxr">
+            <div id="rmsp" :style="`height:${vh};overflow: hidden;`">
+                <div class="bx" id="rms"></div>
+            </div>
+            
+        </div>
+        <!-- <el-button
             style="position: absolute; right: 10px; top: 0px; z-index: 20000"
             type="primary"
             link
@@ -15,7 +16,7 @@
         >
             下载
         </el-button> -->
-  </div>
+    </div>
 </template>
 <script lang="js">
 import html2canvas from "html2canvas";
@@ -36,6 +37,10 @@ export default {
       type: [String, Number, Boolean],
       default: 3,
     },
+    parentHeight: {
+            type: [String, Number, Boolean],
+            default: 0
+        },
     DColor: {
       type: Boolean,
       default: false,
@@ -103,6 +108,10 @@ export default {
     } else {
       this.vh = mainHeight(165, 2).height
     }
+    if (this.parentHeight != 0) {
+            this.vh = mainHeight(this.parentHeight, 2).height
+
+        }
     this.vw = '100%'
   },
   mounted() {
@@ -936,8 +945,8 @@ export default {
           },
         },
         legend: {
-          left: "70px",
-          top: "20",
+          right: 50,
+          top: 25,
           verticalAlign: "top",
           enabled: true,
           itemDistance: 5,
@@ -953,17 +962,22 @@ export default {
             padding: [0, 0, 0, 0], //[上、右、下、左]
           },
         },
-        // toolbox: {
-        //   show: step != 1 ? true : false,
-        //   feature: {
-        //     //restore: {},
-        //     saveAsImage: {
-        //       iconStyle: {
-        //         borderColor: _this.DColor ? "#fff" : echartsColor.WordColor,
-        //       },
-        //     },
-        //   },
-        // },
+        toolbox: {
+          right: 20,
+           top: 15,
+                feature: {
+                    // 移除默认的 saveAsImage
+                    // saveAsImage: { title: '保存图片' }
+                    myCustomDownload: {
+                        title: '', // 按钮标题
+                        icon: 'path://M892.342857 463.238095l-73.142857-68.266666-258.438095 258.438095V29.257143h-97.52381v624.152381L204.8 394.971429 131.657143 463.238095l380.342857 380.342857zM107.27619 897.219048h804.571429v97.523809H107.27619z', // 自定义图标路径
+
+                        onclick: function () {
+                            _this.download()
+                        }
+                    }
+                }
+            },
         xAxis: {
           type: "value",
           name: "时间\n(ms)",
@@ -1063,7 +1077,7 @@ export default {
           left: "1%",
           right: "45px",
           bottom: "40px",
-          top: "15%",
+             top: '70px',
           containLabel: true,
         },
         dataZoom: [
@@ -1353,8 +1367,8 @@ export default {
           },
         },
         legend: {
-          left: "70px",
-          top: "20",
+          right: 50,
+            top: 25,
           verticalAlign: "top",
           enabled: true,
           itemDistance: 5,
@@ -1483,7 +1497,7 @@ export default {
           left: "1%",
           right: "45px",
           bottom: "40px",
-          top: "15%",
+             top: '70px',
           containLabel: true,
         },
         dataZoom: [