Market Heatmap Overview
${heatmapImage ? `
` : '
Heatmap image could not be generated.
'}
Detailed Performance Data
| Index | Region | Change |
|---|
${tableRows}
`;
};
const downloadPdf = async () => {
loader.classList.remove('hidden');
downloadPdfBtn.disabled = true;
pdfMessage.textContent = 'Preparing report data...';
await preparePdfReport(); // This generates the content and captures the image
pdfMessage.textContent = 'Generating PDF, please wait...';
try {
const { jsPDF } = window.jspdf;
const canvas = await html2canvas(pdfReportContainer, { scale: 2.5 });
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF({ orientation: 'portrait', unit: 'mm', format: 'a4' });
const pdfWidth = pdf.internal.pageSize.getWidth();
const imgProps = pdf.getImageProperties(imgData);
const imgRatio = imgProps.height / imgProps.width;
const imgHeight = pdfWidth * imgRatio;
let heightLeft = imgHeight;
let position = 0;
pdf.addImage(imgData, 'PNG', 0, position, pdfWidth, imgHeight);
heightLeft -= pdf.internal.pageSize.getHeight();
while (heightLeft > 0) {
position -= pdf.internal.pageSize.getHeight();
pdf.addPage();
pdf.addImage(imgData, 'PNG', 0, position, pdfWidth, imgHeight);
heightLeft -= pdf.internal.pageSize.getHeight();
}
pdf.save('Global-Market-Heatmap.pdf');
pdfMessage.textContent = 'PDF downloaded successfully!';
} catch(error) {
console.error("PDF generation failed:", error);
pdfMessage.textContent = 'An error occurred during PDF generation.';
} finally {
loader.classList.add('hidden');
downloadPdfBtn.disabled = false;
setTimeout(() => { pdfMessage.textContent = ''; }, 5000);
}
};
generateBtn.addEventListener('click', generateMarketData);
regionFilter.addEventListener('change', renderHeatmap);
downloadPdfBtn.addEventListener('click', downloadPdf);
});
