Fix

Uriagekun/Views/Good/View.cshtml

@@ -6,8 +6,13 @@
 
 <div class="container-fluid">
     <h2>@(Model[0].Label)</h2>
-    <div class="m-2">
+    <div class="m-2 canvas-container d-flex justify-content-between">
-        <canvas id="lineChart"></canvas>
+        <div class="canvas-wrapper w-50">
+            <canvas id="lineChartKosuu"></canvas>
+        </div>
+        <div class="canvas-wrapper w-50">
+            <canvas id="lineChartPrice"></canvas>
+        </div>
     </div>
     <div class="table-responsive">
         <table class="table table-bordered table-stripped">
@@ -37,8 +42,7 @@
 <script>
     document.addEventListener('DOMContentLoaded', () => {
         const chartData = JSON.parse(document.getElementById('chartData').textContent);
-        const canvas = document.getElementById('lineChart');
+        const lineChartKosuu = new Chart(document.getElementById('lineChartKosuu'), {
-        const lineChart = new Chart(canvas, {
             type: 'line',
             data: {
                 labels: chartData.map(d => d.Date),
@@ -49,6 +53,14 @@
                         borderColor: 'rgba(255, 255, 0, 1)',
                         backgroundColor: 'rgba(0, 0, 0, 0)',
                     },
+                ],
+            },
+        });
+        const lineChartPrice = new Chart(document.getElementById('lineChartPrice'), {
+            type: 'line',
+            data: {
+                labels: chartData.map(d => d.Date),
+                datasets: [
                     {
                         label: "販売金額",
                         data: chartData.map(d => d.Price),
@@ -63,8 +75,6 @@
                     },
                 ],
             },
-            options: {
-            },
         });
     });
 </script>