Chart.js: Fix import for production

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

Hide file tree

Showing 3 changed files with 7 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(
@@ -36,6 +37,7 @@ const options = (): ChartOptions<'scatter'> => ({
       labels: { color: 'white' },
     },
   },
+
   scales: {
     x: {
       title: {

diff --git a/frontend/src/Components/RoadDetails/MapArea.tsx b/frontend/src/Components/RoadDetails/MapArea.tsx
@@ -9,6 +9,7 @@ import Roads from '../Map/Roads';
 interface Props {
   triggerUpdate: number;
 }
+
 /**
  * The map area op the road details(road inspect) page
  */

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,