Do not attempt to render budget graph when no data available
This commit is contained in:
parent
5994cd38b6
commit
7f6bf1b07f
@ -156,52 +156,56 @@ function makeGrid() {
|
||||
function makeCharts() {
|
||||
// Display expense, revenue charts on budget view page
|
||||
|
||||
new Chart(document.getElementById('chartExpenses'), {
|
||||
type: 'pie',
|
||||
data: {
|
||||
labels: expense_data.map(e => e['Description']),
|
||||
datasets: [{
|
||||
label: 'Expenses',
|
||||
data: expense_data.map(e => e['Unit price'] * e['Units'])
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
plugins: {
|
||||
tooltip: {
|
||||
callbacks: {
|
||||
label: i => '$' + i.parsed.toFixed(2)
|
||||
if (document.getElementById('chartExpenses')) {
|
||||
new Chart(document.getElementById('chartExpenses'), {
|
||||
type: 'pie',
|
||||
data: {
|
||||
labels: expense_data.map(e => e['Description']),
|
||||
datasets: [{
|
||||
label: 'Expenses',
|
||||
data: expense_data.map(e => e['Unit price'] * e['Units'])
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
plugins: {
|
||||
tooltip: {
|
||||
callbacks: {
|
||||
label: i => '$' + i.parsed.toFixed(2)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
new Chart(document.getElementById('chartRevExp'), {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ['Revenue', 'Expenses'],
|
||||
datasets: [{
|
||||
label: 'Budget',
|
||||
data: [revTotal - revTotalIWT, (expTotal * (1 + emergency_fund_mult))],
|
||||
backgroundColor: ['#36a2eb', '#ff6384']
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
legend: {
|
||||
display: false
|
||||
});
|
||||
}
|
||||
|
||||
if (document.getElementById('chartRevExp')) {
|
||||
new Chart(document.getElementById('chartRevExp'), {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ['Revenue', 'Expenses'],
|
||||
datasets: [{
|
||||
label: 'Budget',
|
||||
data: [revTotal - revTotalIWT, (expTotal * (1 + emergency_fund_mult))],
|
||||
backgroundColor: ['#36a2eb', '#ff6384']
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
callbacks: {
|
||||
label: i => '$' + i.parsed.y.toFixed(2)
|
||||
plugins: {
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
tooltip: {
|
||||
callbacks: {
|
||||
label: i => '$' + i.parsed.y.toFixed(2)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user