Change text color on Charts

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Change text color on Charts

rangrage asked 7 years ago

How can I change the font color on the chart elements?

Mirosław Stasiak answered 7 years ago

Hi, For example, in this chart the text will all be red except for the labels in the legend. 
Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legend: {
            labels: {
                // This more specific font property overrides the global property
                fontColor: 'black'
            }
        }
    }
});
Regards,

rangrage commented 7 years ago

Excellent! Thanks Miroslaw.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
rangrage
14Support score
4Questions 2Answers
0Snippets likes 0Snippets