Is there anyway I can customize the X-axis label to words instead of numbers scale? I tried inserting the labels attribute in my data, but it doesn't work.
this is my code:
var bubbleChartData =
{
datasets: [
{
label: "My First dataset",
backgroundColor: randomColor(),
data: [4, 2, 3, 4, 5]
}],
labels: [
"Bad",
"Average",
"Good",
"Very Good",
"Perfect"
]
};
window.onload = function() {
var ctx = document.getElementById("canvas").getContext("2d");
window.myChart = new Chart(ctx, {
type: 'bubble',
data: bubbleChartData,
xAxisID: 'testing',
options: {
responsive: true,
title:{
display: true,
text:'Chart.js Bubble Chart'
},
}
});
};
this is what i got:
Use a callback for xAxes into your options:
options: {
responsive: true,
title:{
display: true,
text:'Chart.js Bubble Chart'
},
scales: {
xAxes: [{
ticks: {
callback: function(value, index, values) {
return 'value is ' + value;
}
}
}]
}
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With