Page 1 of 1

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

Posted: Fri Sep 02, 2016 10:10 pm
by Peter Perecz

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


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

Posted: Sat Sep 03, 2016 5:42 pm
by Galyna Abramovych

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.


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

Posted: Tue Sep 06, 2016 8:51 pm
by Peter Perecz

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