Expenses Chart Component

This was the most challenging project I've done to date, but I finally managed to get it working so that the chart data, total spend and styling will update accordingly if the data in the JSON file is altered.

Chart.js made getting the bar chart pretty simple, however I've had some difficulty with getting the chart to be the right size on desktop view. I tried having the canvas inside a container and resizing the container but it seems to squash down the text on the x-axis when I do this.

If anyone has any suggestions on a better or simpler way to do any of this challenge, the feedback would be greatly appreciated.

Thanks :)