recreate project
This commit is contained in:
@@ -0,0 +1,70 @@
|
||||
(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
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}*/
|
||||
}
|
||||
})();
|
||||
Reference in New Issue
Block a user