update 3d实时监控

src/views/3DOverview/components/RightContentProductRate.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="height: calc(100% - 36px); width: 100%;">
+  <div style="height: calc(100% - 36px); width: 100%; position: relative;">
     <div :id="id" ref="techy-line-chart" class="techy-chart" />
   </div>
 </template>
@@ -35,15 +35,15 @@ export default {
       option: {
         color: ['#59CBE8', '#E93CAC', '#FF7345', '#9452FF', '#6A6E87', '#52FFF1'],
         grid: {
-          top: '20%',
+          top: '45%',
           left: 0,
           right: 12,
-          bottom: 0,
+          bottom: '5%',
           containLabel: true
         },
         legend: {
           width: '72%',
-          top: 0,
+          top: '20%',
           right: 12,
           itemWidth: 12,
           itemHeight: 8,
@@ -268,7 +268,10 @@ export default {
 </script>
 <style scoped>
 .techy-chart {
-  height: 100%;
+  /* background: #cccc; */
+  position: absolute;
+  top: -36%;
+  height: 150%;
   width: 100%;
 }