diff --git a/index.html b/index.html index 6100a03..e7fbc42 100644 --- a/index.html +++ b/index.html @@ -1765,27 +1765,47 @@ ${numPeople > 0 ? ` const chartLabels = chartData.map(d => `M${d.m}`); const chartValues = chartData.map(d => d.cum); + // Build referral dataset separately to avoid nested backtick issues + let referralDataset = null; + if (numPeople > 0) { + const label = numPeople > 1 ? `Total (${numPeople} people) Cumulative Referral Earnings` : 'Your Cumulative Referral Earnings'; + const data = numPeople > 1 ? chartValues.map(v => v * numPeople) : chartValues; + referralDataset = { + label: label, + data: data, + borderColor: '#6c5ce7', + backgroundColor: 'rgba(108,92,231,0.1)', + fill: true, + tension: 0.3, + pointRadius: 3, + pointHoverRadius: 5, + }; + } + if (chart1) { chart1.destroy(); chart1 = null; } if (chart2) { chart2.destroy(); chart2 = null; } if (chart3) { chart3.destroy(); chart3 = null; } + const datasets = [ + { + label: 'Their Cumulative Profit', + data: chartProfitData.map(d => d.cum), + borderColor: '#00d2ff', + backgroundColor: 'rgba(0,210,255,0.1)', + fill: true, + tension: 0.3, + pointRadius: 3, + pointHoverRadius: 5, + }, + referralDataset, + ].filter(Boolean); + const ctx1 = document.getElementById('profitChart').getContext('2d'); chart1 = new Chart(ctx1, { type: 'line', data: { labels: chartLabels, - datasets: [ - ${numPeople > 0 ? `{ - label: `${numPeople > 1 ? `Total (${numPeople} people)` : 'Your'} Cumulative Referral Earnings`, - data: numPeople > 1 ? chartValues.map(v => v * numPeople) : chartValues, - borderColor: '#6c5ce7', - backgroundColor: 'rgba(108,92,231,0.1)', - fill: true, - tension: 0.3, - pointRadius: 3, - pointHoverRadius: 5, - },` : ''} - { + datasets: datasets, }, options: { responsive: true,