JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.0/dist/chart.min.js"></script>
<canvas id="my_chart" width="400" height="150"></canvas>
JavaScript
const ctx = document.getElementById('my_chart').getContext('2d');
const myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Label 1", "Label 2", "Label 3", "Label 4", "Label 5"],
datasets: [{
label: 'Label Name',
data: [11, 17, 6, 10, 9]
}]
},
options: {
scales: {
x: {
ticks: {
font: {
size: 20
}
}
}
}
}
});