Peter Perecz
Posts: 0
Joined: Sun Feb 01, 2015 9:02 pm

How do I change the default colors of the charts drawn by Chart.js plugin?

Hi there,

I have integrated the Chart.js plugin, which works nice but the appearance does not fit the UI design of my app.

Is there a way that I can change e.g. the default colors and the line weight?

I have studied Chart.js documentation and tried different ways but could not succeed.

Could you help me in this?

Thanks,
Peter

Galyna Abramovych
Site Admin
Posts: 84
Joined: Tue Mar 22, 2016 6:03 pm

How do I change the default colors of the charts drawn by Chart.js plugin?

Hello Peter,

You can visit the
Chart.js official page on how to change colors.
Also, these links can be of use:
https://github.com/chartjs/color
http://stackoverflow.com/questions/25...
Hope this helps.

Peter Perecz
Posts: 0
Joined: Sun Feb 01, 2015 9:02 pm

How do I change the default colors of the charts drawn by Chart.js plugin?

Hello Galyna,

Thanks for your hints.

Actually even without going that far I could manage to change the basic settings that I needed to change in the Project / Javascript / angular-chart.

I attached some printscreens in case others want to achieve the same.

Thanks again.

BR,
Peter

Image Image Image

Return to “Issues”