wired bug axes plotted under figure

DataCloud-project · Jul 10, 2023 · 97be174 · 97be174
1 parent 937647f
commit 97be174
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 28 deletions.
diff --git a/frontend-dev/package-lock.json b/frontend-dev/package-lock.json
diff --git a/frontend-dev/package.json b/frontend-dev/package.json
@@ -43,10 +43,8 @@
 	"dependencies": {
 		"@aknakos/sveltekit-plotly": "^0.0.9",
 		"@fontsource/ibm-plex-sans": "^5.0.3",
-		"@types/plotly.js-dist-min": "^2.3.1",
 		"graphql-request": "^6.1.0",
 		"keycloak-js": "^21.1.1",
-		"plotly.js-dist-min": "^2.24.3",
 		"svelte-feather-icons": "^4.0.1"
 	}
 }
diff --git a/frontend-dev/src/routes/visualizations/+page.svelte b/frontend-dev/src/routes/visualizations/+page.svelte
@@ -1,10 +1,9 @@
 <svelte:head>
-  <script src="https://cdn.plot.ly/plotly-latest.min.js" type="text/javascript"></script>
+  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
 </svelte:head>
 
+
 <script lang="ts">
-    //import { PlotlyLib } from '@aknakos/sveltekit-plotly/store';
-    //import { Plotly } from 'plotly.js-dist-min';
     import { afterUpdate, onMount } from 'svelte';
     import { modeCurrent } from '@skeletonlabs/skeleton';
 
@@ -45,15 +44,15 @@
         layout.xaxis = {title: 'time (s)'};
         layout.yaxis = {title: 'CPU'};
 		let p1 = new Plotly.newPlot(plot1, {"data": data, "layout": layout, "config": config});
-        console.log(plot1)
+        console.log(plot1.id)
     };
 
     const drawPlot2 = () => {
         let plot2 = document.getElementById('plot2');
         layout.xaxis = {title: 'time (s)'};
         layout.yaxis = {title: 'Memory'};
 		let p2 = new Plotly.newPlot(plot2, {"data": [trace2], "layout": layout, "config": config});
-        console.log(plot2)
+        console.log(plot2.id)
     };    
 
     onMount(() => {
@@ -64,7 +63,7 @@
     afterUpdate(() => {
         drawPlot1();
         drawPlot2();
-        console.log(`changed textcolor to ${textcolor}`)
+        console.log(`changed plot textcolor to ${textcolor}`)
     });
 
 </script>