Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Chart component using Chart.js

@BernardoHollmann

Desktop design screenshot for the Expenses chart component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


How to add border-radius property to a Chart.js chart? The plot area is fussy when the view as resized. How to fix that?

I tried different ways to stylish this chart, but I couldn't figure out how.. Can someone please give me a direction?

Community feedback

Divine Obeten 2,415

@Deevyn9

Posted

Hi Bernardo, congrats on completing this project, it looks really great. However, the bars on the chart aren't responsive, it doesn't resize with the container. try to get it fixed.

Happy coding!

0

@BernardoHollmann

Posted

@Deevyn9 Hey, thanks for the reply! Yes, this was one of the issues I had. Actually, the chart does respond to the view, but only if you refresh the browser everytime you change the window size. Do you know how I can fix this?

1
Divine Obeten 2,415

@Deevyn9

Posted

@BernardoHollmann I found something that might be helpful.

https://stackoverflow.com/questions/42340342/cant-make-chart-js-responsive

0

@BernardoHollmann

Posted

@Deevyn9 Thanks friend, but I tried using a wrapper div, but It didn't work.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord