Submitted almost 3 years ago

Expenses chart component - SCSS, Flex-box and ChartJS

accessibility, sass/scss, semantic-ui

Illyaas•700

@Illyaas4Show

A solution to the Expenses chart component challenge

Preview Code

Solution retrospective

Using chart JS was a little challenging and I got stuck a lot!

How to do I add border radius to the bars?
How do I make the current day active?
What is the easiest way to collect data from a JSON file when I am not too familiar with JS?
How do I add spacing between the labels and the bottom of the bar?
How do I remove the space on either side of the whole bar-chart? (You may have to compare my solution with the challenge to get what I mean)

Sorry for the excessive questioning.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Illyaas's solution.

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