0👍
✅
Yes, you have to set your y scale to category, also supply it a labels array and then in your data array you can mention those labels:
const options = {
type: 'line',
data: {
labels: [1, 2, 3, 4, 5, 6],
datasets: [{
label: '# of Points',
data: ["Blue", "Red", "Red", "Orange", "Green", "Orange"],
borderColor: 'pink'
}]
},
options: {
scales: {
y: {
type: 'category',
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"]
},
}
}
}
const ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);
<body>
<canvas id="chartJSContainer" width="600" height="400"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.js"></script>
</body>
Source:stackexchange.com