root
71 lines
2.3 KiB
JavaScript
71 lines
2.3 KiB
JavaScript
(function() {
|
|
let trafficChartInstance = null;
|
|
let incomeChartInstance = null;
|
|
|
|
document.addEventListener('DOMContentLoaded', (event) => {
|
|
initializeCharts();
|
|
});
|
|
|
|
function initializeCharts() {
|
|
// Traffic Chart
|
|
/*
|
|
const trafficChartCanvas = document.getElementById('trafficChart');
|
|
if (trafficChartInstance) {
|
|
trafficChartInstance.destroy();
|
|
}
|
|
if (trafficChartCanvas) {
|
|
const ctxTraffic = trafficChartCanvas.getContext('2d');
|
|
trafficChartInstance = new Chart(ctxTraffic, {
|
|
type: 'line',
|
|
data: {
|
|
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
|
datasets: [{
|
|
label: 'Traffic',
|
|
data: [65, 59, 80, 81, 56, 55, 40],
|
|
backgroundColor: 'rgba(75, 192, 192, 0.2)',
|
|
borderColor: 'rgba(75, 192, 192, 1)',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
scales: {
|
|
y: {
|
|
beginAtZero: true
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
*/
|
|
// Income Chart
|
|
/*
|
|
const incomeChartCanvas = document.getElementById('incomeChart');
|
|
if (incomeChartInstance) {
|
|
incomeChartInstance.destroy();
|
|
}
|
|
if (incomeChartCanvas) {
|
|
const ctxIncome = incomeChartCanvas.getContext('2d');
|
|
incomeChartInstance = new Chart(ctxIncome, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
|
datasets: [{
|
|
label: 'Income',
|
|
data: [12, 19, 3, 5, 2, 3, 7],
|
|
backgroundColor: 'rgba(153, 102, 255, 0.2)',
|
|
borderColor: 'rgba(153, 102, 255, 1)',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
scales: {
|
|
y: {
|
|
beginAtZero: true
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}*/
|
|
}
|
|
})();
|