Dashboard: wire up SpendTrends in DI and add chart canvases on dashboard; include Chart.js script to render graphs

This commit is contained in:
AJ
2025-10-19 00:26:17 -04:00
parent ef88d03c95
commit 7e785e5647

View File

@@ -57,6 +57,24 @@
<a class="btn btn-outline-secondary" asp-page="/Transactions">View All Transactions</a>
<a class="btn btn-outline-secondary" asp-page="/CategoryMappings">Categories</a>
</div>
<div class="row g-3 my-2">
<div class="col-lg-6">
<div class="card shadow-sm h-100">
<div class="card-header">Spending by category (last 90 days)</div>
<div class="card-body">
<canvas id="categoryChart" height="220"></canvas>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-sm h-100">
<div class="card-header">Cash flow (last 30 days)</div>
<div class="card-body">
<canvas id="trendChart" height="220"></canvas>
</div>
</div>
</div>
</div>
@if (Model.TopCategories.Any())
{