From 48da12ee7e278a7b509e7ba39e7127ab2729a405 Mon Sep 17 00:00:00 2001
From: Sakurai <sakurai@kemq.net>
Date: Sun, 9 Feb 2025 14:54:38 +0900
Subject: [PATCH] Fix

---
 Uriagekun/Views/Good/View.cshtml | 30 ++++++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/Uriagekun/Views/Good/View.cshtml b/Uriagekun/Views/Good/View.cshtml
index bf21859..2f9985d 100644
--- a/Uriagekun/Views/Good/View.cshtml
+++ b/Uriagekun/Views/Good/View.cshtml
@@ -7,7 +7,12 @@
 <div class="container-fluid">
     <h2>@(Model[0].Label)</h2>
     <div class="m-2">
-        <canvas id="lineChart"></canvas>
+        <div class="canvas-wrapper">
+            <canvas id="lineChartKosuu"></canvas>
+        </div>
+        <div class="canvas-wrapper">
+            <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 lineChart = new Chart(canvas, {
+        const lineChartKosuu = new Chart(document.getElementById('lineChartKosuu'), {
             type: 'line',
             data: {
                 labels: chartData.map(d => d.Date),
@@ -63,7 +67,25 @@
                     },
                 ],
             },
-            options: {
+        });
+        const lineChartPrice = new Chart(document.getElementById('lineChartPrice'), {
+            type: 'line',
+            data: {
+                labels: chartData.map(d => d.Date),
+                datasets: [
+                    {
+                        label: "販売金額",
+                        data: chartData.map(d => d.Price),
+                        borderColor: 'rgba(255, 0, 0, 1)',
+                        backgroundColor: 'rgba(0, 0, 0, 0)',
+                    },
+                    {
+                        label: "純利益",
+                        data: chartData.map(d => d.Count * d.Price),
+                        borderColor: 'rgba(0, 255, 0, 1)',
+                        backgroundColor: 'rgba(0, 0, 0, 0)',
+                    },
+                ],
             },
         });
     });