`;
// Chart
html += `
`;
html += `
`;
outputDiv.innerHTML = html;
// Render Chart
const ctx = document.getElementById('profitChart').getContext('2d');
new Chart(ctx, {
type: 'line',
data: {
labels: projection.map(p => `Year ${p.year}`),
datasets: [{
label: 'Cumulative Gains vs. Initial Investment',
data: projection.map(p => p.gains),
borderColor: '#3B82F6',
backgroundColor: 'rgba(59, 130, 246, 0.1)',
fill: true,
tension: 0.4
}, {
type: 'line',
label: 'Initial Investment',
data: Array(projection.length).fill(initialInvestment),
borderColor: '#EF4444',
borderDash: [5, 5],
fill: false,
pointRadius: 0
}]
},
options: {
responsive: true,
plugins: {
legend: { position: 'top' },
title: { display: true, text: 'Path to Profitability' }
},
scales: {
y: {
beginAtZero: true,
ticks: {
callback: function(value) {
return '$' + value.toLocaleString();
}
}
}
}
}
});
}
// --- PDF Download ---
function downloadPDF() {
const { jsPDF } = window.jspdf;
const loader = document.getElementById('loader');
loader.style.display = 'block';
const content = document.getElementById('pdf-content');
html2canvas(content, { scale: 2 }).then(canvas => {
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF({ orientation: 'p', unit: 'mm', format: 'a4' });
const pdfWidth = pdf.internal.pageSize.getWidth();
const imgWidth = pdfWidth - 20;
const imgHeight = canvas.height * imgWidth / canvas.width;
let heightLeft = imgHeight;
let position = 10;
pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);
heightLeft -= (pdf.internal.pageSize.getHeight() - 20);
while (heightLeft > 0) {
position = heightLeft - imgHeight + 10;
pdf.addPage();
pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);
heightLeft -= (pdf.internal.pageSize.getHeight() - 20);
}
pdf.save('Property_Profit_Projection.pdf');
loader.style.display = 'none';
});
}
