#73 Fix Rendering Issues

Northeastern-Electric-Racing · Nov 27, 2023 · 10d8e8b · 10d8e8b
1 parent b3733ab
commit 10d8e8b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/angular-client/src/app/context/app-context.component.html b/angular-client/src/app/context/app-context.component.html
@@ -1,4 +1,4 @@
 <landing-page *ngIf="showLandingPage; else elseBlock" [storage]="storage" />
 <ng-template #elseBlock>
-  <graph-page [realTime]="true" [serverService]="serverService" [storage]="storage" [runId]="1" />
+  <graph-page [realTime]="false" [serverService]="serverService" [storage]="storage" [runId]="1" />
 </ng-template>
diff --git a/angular-client/src/pages/graph-page/graph-page.component.css b/angular-client/src/pages/graph-page/graph-page.component.css
@@ -34,11 +34,11 @@
 }
 
 .graph {
-  flex: 4 1 auto;
+  flex: 1 1 auto;
 }
 
 .graph-caption {
-  flex: 1 0 100px;
+  flex: 0 0 100px;
   margin-bottom: 8px;
   margin-right: 8px;
 }
diff --git a/angular-client/src/pages/graph-page/graph/graph.component.ts b/angular-client/src/pages/graph-page/graph/graph.component.ts
@@ -99,8 +99,11 @@ export default class Graph implements OnInit {
       }
     };
 
-    this.chart = new ApexCharts(chartContainer, this.options);
+    //Weird rendering stuff with apex charts, view link to see why https://github.com/apexcharts/react-apexcharts/issues/187
+    setTimeout(() => {
+      this.chart = new ApexCharts(chartContainer, this.options);
 
-    this.chart.render();
+      this.chart.render();
+    }, 0);
   }
 }