works

src/router/index.js

@@ -96,6 +96,20 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/plot',
+    hidden: true,
+    component: Layout,
+
+    children: [
+      {
+        path: 'plot',
+        component: () => import('@/views/plot/plot'),
+        name: 'plot',
+        meta: { title: 'plot' }
+      }
+    ]
+  },
   {
     path: '/analyzing',
     hidden: true,

src/views/plot/plot.vue

@@ -1,4 +1,5 @@
 <template>
+	<div>
 		<div>
 		<span style="font-weight: bold">You could also run the analysis on the data from the specific date range</span><br>
 		<span>From: </span>
@@ -8,8 +9,13 @@
 		<Datepicker v-model="state.to" style="display: inline-block" :bootstrap-styling="true"></Datepicker>
 		<button type="button" class="btn btn-success" @click="onSendAnalyzeOnDateRequest">Apply</button>
 		</div>
-    <iframe src="http://localhost:808" width=1300 height=600></iframe>
+		<div>
+		<iframe src="http://localhost:808" width=1000 height=600></iframe>
+		</div>
+		<div>
 		<button type="button" class="btn btn-secondary" @click="onBackToUpload">Back</button>
+		</div>
+    </div>
 </template>
 
 <script>