47 lines
1.4 KiB
JavaScript
47 lines
1.4 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
const ctx = document.getElementById('viewsChart');
|
|
if (!ctx) return;
|
|
|
|
new Chart(ctx, {
|
|
type: 'line',
|
|
data: {
|
|
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
datasets: [{
|
|
label: 'Average Views',
|
|
data: [1200, 1900, 3000, 5000, 2300, 3100, 4200, 3800, 6000, 7200, 5500, 8000],
|
|
borderColor: '#9333ea',
|
|
backgroundColor: 'rgba(147, 51, 234, 0.1)',
|
|
fill: true,
|
|
tension: 0.4
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
maintainAspectRatio: false,
|
|
plugins: {
|
|
legend: {
|
|
display: false
|
|
}
|
|
},
|
|
scales: {
|
|
x: {
|
|
grid: {
|
|
color: 'rgba(255, 255, 255, 0.1)'
|
|
},
|
|
ticks: {
|
|
color: '#9ca3af'
|
|
}
|
|
},
|
|
y: {
|
|
grid: {
|
|
color: 'rgba(255, 255, 255, 0.1)'
|
|
},
|
|
ticks: {
|
|
color: '#9ca3af'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|