Skip to content
Submitted over 2 years ago

Expenses chart component

sass/scss
kamil kawa•540
@GlaDdos
A solution to the Expenses chart component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Chart is done using canvas, was harder to do than i expected, but it is working, even though it is a bit messy.

Code

Please log in to post a comment

Log in

Community feedback

  • Cats-n-coffee•670
    @Cats-n-coffee

    Hi Kamil!

    Your solution looks good but I can't see the chart (using FF)! There is an error in the console this.data is undefined which shows the stack trace from generateBars. I'm not sure if it's because this.data is inside an async function and the result needs to be awaited when using it (or run the next step inside the .then()). I wonder if the load event is finished before you get the result of the loadData function since they seem to run in "parallel"? Your code looks clean, would love to see this canvas work!

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