chartjs designs xlabels different colors code example
Example: chartjs random color line
const r = Math.round (Math.random () * 255);
const g = Math.round (Math.random () * 255);
const b = Math.round (Math.random () * 255);
// some examples on where and how to use it
config.data.datasets.borderColor = `rgb (${r}, ${g}, ${b})`;
config.data.datasets.backgroundColor = `rgb (${r}, ${g}, ${b})`;
config.options.scales.yAxes.ticks.fontColor = `rgb(${r}, ${g}, ${b})`;