Setting Chart background

Topic: Setting Chart background

mdb2 pro asked 6 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

mdb2 pro commented 6 years ago

How can I set the labels colors and fonts ? Is there a schema for the chart options ?

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

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.

public chartOptions: any = {

responsive: true,

legend: {

    labels: {

        fontColor:'red'

    }

  }

};

Best Regards, Damian

Add comment

mdb2 pro answered 6 years ago

0 0 Best answer

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 ?

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Dear mdb2, In this way you can change the axis colors,

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'

        }

      }],




    }

  };

Best Regards, Damian

Add comment

mdb2 pro answered 6 years ago

0 0 Best answer

Just saw your answer by accident Thanks

Add comment

Write

Create snippet

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: 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 User

2474Support score
150Questions 196Answers

0Snippets likes 0Snippets