样式调整

nezha-fronted/src/components/common/project/popData/lineChart.vue

@@ -1,6 +1,11 @@
 <style lang="scss">
   @import './chart.scss';
 </style>
+<style scoped>
+  .resize-box{
+    border: none;
+  }
+</style>
 <template>
   <div class="nz-chart-resize">
     <div class="resize-shadow" ref="resizeShadow"></div>
@@ -733,7 +738,7 @@
               if(!chartInfo.height){
                 self.echartStore.resize({height:228});
               }else {
-                self.echartStore.resize({height:228});
+                self.echartStore.resize({height:(chartInfo.height-divHeight-this.$chartResizeTool.titleHeight-this.$chartResizeTool.chartBlankHeight)});
               }
               if(dataArg&&dataArg.length>0){
                 self.echartStore.clear();
@@ -1415,7 +1420,7 @@
         this.$nextTick(()=>{
           let divHeight = this.$refs.legendArea.offsetHeight;
           if(!this.chartInfo.height){
-            this.echartStore.resize({height:(400-divHeight-this.$chartResizeTool.titleHeight-this.$chartResizeTool.chartBlankHeight)});
+            this.echartStore.resize({height:228});
           }else {
             this.echartStore.resize({height:(this.chartInfo.height-divHeight-this.$chartResizeTool.titleHeight-this.$chartResizeTool.chartBlankHeight)});
           }

nezha-fronted/src/components/common/project/popData/totalChart.vue

@@ -1,5 +1,8 @@
 <template>
-  <div>
+  <div
+      v-scrollBar:chart-box
+      class="chart-box"
+    >
       <div v-for="(item, index) in dataList" :key="item.id" :id="'chart-' + item.id" :name="item.title"  v-show="!item.isHide" class="chart">
         <lineChars
           v-if="item.type === 'line' || item.type === 'bar' ||item.type == 'stackArea' || item.type === 4"
@@ -13,7 +16,6 @@
           v-loading="item.loading"
           @loadingFalse="loadingFalse"
         >
-
         </lineChars>
       </div>
     </div>
@@ -712,5 +714,14 @@
   .chart{
     width: 500px;
     height: 300px;
+    border: 1px solid #FFFFFF;
+    box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.12), -1px 1px 9px -1px rgba(205,205,205,0.77);
+    margin-bottom: 15px;
+  }
+  .chart-box{
+    /*padding-left: 600px;*/
+    position: relative;
+    height: calc(100vh - 100px);
+    padding: 3px 15px 300px 15px;
   }
 </style>