<canvas id="chart"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
const data = {
labels: [
'Red',
'Blue',
'Yellow'
],
datasets: [{
label: 'My First Dataset',
data: [315, 65, 24],
backgroundColor: [
'rgb(245, 218, 40)',
'rgb(102, 153, 204)',
'rgb(71, 73, 115)'
],
hoverOffset: 4
}]
};
const config = {
type: 'pie',
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.