Chart.js: Fix import for production

DTU-SE-Group-D · Oct 12, 2023 · 26d17ae · 26d17ae
1 parent d7ee43c
commit 26d17ae
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/frontend/src/Components/RoadDetails/ConditionsGraph.tsx b/frontend/src/Components/RoadDetails/ConditionsGraph.tsx
@@ -15,6 +15,7 @@ import {
   Title,
   Tooltip,
 } from 'chart.js';
+import 'chart.js/auto';
 import { Scatter } from 'react-chartjs-2';
 
 Chart.register(

diff --git a/frontend/src/pages/RoadDetails.tsx b/frontend/src/pages/RoadDetails.tsx
@@ -23,8 +23,8 @@ const RoadDetails = () => {
         labels: wc.map((p) => p.way_dist * 100),
         datasets: [
           {
-            //@ts-ignore
-            type: 'line' as const,
+            type: 'scatter' as const,
+            showLine: true,
             label: 'KPI',
             borderColor: 'rgb(255, 99, 132)',
             borderWidth: 2,
@@ -34,8 +34,8 @@ const RoadDetails = () => {
             yAxisID: 'KPI',
           },
           {
-            //@ts-ignore
-            type: 'line' as const,
+            type: 'scatter' as const,
+            showLine: true,
             label: 'DI',
             borderColor: 'rgb(120, 245, 23)',
             borderWidth: 2,