sstent/foodplanner
1
0
Fork 0
mirror of https://github.com/sstent/foodplanner.git synced 2026-04-04 03:54:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixing chart dimensions and null values in llm response

Browse Source
This commit is contained in:
sstent
2025-10-05 07:01:39 -07:00
parent c3d37f0243
commit e91611d441
5 changed files with 78 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
templates/charts.html
View File

@@ -29,7 +29,7 @@
<div class="card-header">
<h5 class="mb-0">Calories Consumed</h5>
</div>
<div class="card-body p-2 h-100">
<div class="card-body p-2 h-100" id="chartContainer">
<div class="position-relative h-100">
<canvas id="caloriesChart" class="w-100 h-100"></canvas>
</div>
@@ -43,11 +43,23 @@
<script>
let chart;
function resizeChart() {
const container = document.getElementById('chartContainer');
if (container) {
const rect = container.getBoundingClientRect();
container.style.height = (window.innerHeight - rect.top) + 'px';
}
}
document.addEventListener('DOMContentLoaded', function() {
const daysSelect = document.getElementById('daysSelect');
const loadBtn = document.getElementById('loadChartBtn');
const ctx = document.getElementById('caloriesChart').getContext('2d');
// Resize chart container to fit viewport
resizeChart();
window.addEventListener('resize', resizeChart);
// Default load for 7 days
loadChart(7);
@@ -70,6 +82,9 @@
chart.destroy();
}
// Resize container before creating chart
resizeChart();
chart = new Chart(ctx, {
type: 'line',
data: {