```html
body {
fontfamily: Arial, sansserif;
backgroundcolor: f4f4f4;
margin: 0;
padding: 20px;
}
h1 {
textalign: center;
color: 333;
}
chartcontainer {
maxwidth: 800px;
margin: 0 auto;
backgroundcolor: fff;
borderradius: 8px;
boxshadow: 0 0 10px rgba(0, 0, 0, 0.1);
overflowx: auto;
}
bitcoinchart {
width: 100%;
}
document.addEventListener('DOMContentLoaded', function() {
var ctx = document.getElementById('bitcoinchart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
{
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
datasets: [{
label: 'Bitcoin Price (USD)',
[9800, 10500, 8900, 9200, 8800, 9500, 10500, 11000, 12000, 14000, 18000, 22000],
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgba(54, 162, 235, 1)',
borderWidth: 1,
pointRadius: 3,
pointBackgroundColor: 'rgba(54, 162, 235, 1)',
pointHoverRadius: 5,
pointHoverBackgroundColor: 'rgba(54, 162, 235, 1)'
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: false
}
}]
}
}
});
});