<canvas id="chart"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
const labels = [
'January',
'February',
'March',
'April',
'May',
'June',
];
const data = {
labels: labels,
datasets: [{
label: 'My First Dataset',
data: [23, 46, 97, 34, 1, 24, 46],
fill: false,
borderColor: 'rgb(245, 218, 40)',
tension: 0.1
}]
};
const config = {
type: 'line',
data: data,
};
const myChart = new Chart(
document.getElementById('chart'),
config
);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.