Skip to content
Submitted about 2 years ago

Chart component using Chart.js

Bernardo Hollmann•250
@BernardoHollmann
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Expenses chart component
  • HTML
  • CSS
  • JS
2junior

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
    @Deevyn9Posted about 2 years ago

    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
    Bernardo Hollmann•250
    @BernardoHollmannPosted about 2 years ago

    @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
    @Deevyn9Posted about 2 years ago

    @BernardoHollmann I found something that might be helpful.

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

    0
    Bernardo Hollmann•250
    @BernardoHollmannPosted about 2 years ago

    @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

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