0
281
ViewsHow to change chart.js grid, and axis color?
I am using chart.js and jQuery, my chart look like this on light mode.
Lately, I added a .dark class to my body
body{
background-color: white;
color: black;
}
body.dark {
background-color: black;
color: white;
}
I can't see the x,y axis line or grid. How can I change the color of that to white ?
·
Juan Pablo Isaza
1 answers
Answer question0
In chart.js there is a configuration for cartesian axes, as per the docs . You can change the config like this to handle the colour of the X and Y axes.
const config = {
type: 'bar',
data,
options: {
scales: {
x: {
grid: {
borderColor: 'white'
}
},
y: {
grid: {
borderColor: 'white'
}
},
}
}
};
·
Juan Pablo Isaza
Report
Answer question