Uriagekun/Views/Good/View.cshtml

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