Skip to content
Submitted almost 2 years ago

React and Tailwind, chart made by using chartjs and react-chartjs-2

Hsienz•550
@Hsienz
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

This is the first time I using chartjs and react-chart-js. There are a problem that the chart would not be responsive if I set maintainAspectRatio to true. So currently I set maintainAspectRatio to false, but its height look too short. Does someone know how to solve this problem?

Upate: I solved this problem by moving <Chart> outside of <div>

Community feedback

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