Topic: Setting Chart background
itay
pro
asked 7 years ago
Regarding: https://mdbootstrap.com/angular/advanced/charts
How can I set the chart's background as I did with jQuery ?
https://imgur.com/a/riUGwZR
Damian Gemza
staff
answered 7 years ago
Dear mdb2,
In this way you can change the axis colors,
Best Regards,
Damian
public chartOptions: any = {
responsive: true,
scales: {
xAxes: [{
gridLines: {
color: 'rgba(100, 100, 100, 1.0)'
},
scaleLabel: {
display: true,
labelString: 'Label 2',
fontColor: 'blue'
}
}],
yAxes: [{
gridLines: {
color: 'rgba(100, 100, 100, 1.0)'
},
scaleLabel: {
display: true,
labelString: 'Label 1',
fontColor: 'red'
}
}],
}
};
itay
pro
answered 7 years ago
Thanks,
Just found this answer by accident as I don't receive email notifications and cannot search for my questions
Can you please point me to the documentation ?
How can I change the axis labels' color ?
Damian Gemza
staff
answered 7 years ago
Dear mdb2,
You can set labels font color by using labels options object. Please take a look at below code to see, how you can change the font color in labels.
Best Regards,
Damian
public chartOptions: any = {
responsive: true,
legend: {
labels: {
fontColor:'red'
}
}
};
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.2.2
- Device: NA
- Browser: NA
- OS: NA
- Provided sample code: No
- Provided link: No
itay pro commented 7 years ago
How can I set the labels colors and fonts ? Is there a schema for the chart options ?