Skip to content
Submitted about 2 years ago

Expenses Chart with Vite Build Tool, ChartJS

hanifNA•520
@Afrianns
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

Hey Everyone 👋, This is my first time try chart js and i learn a lot about it. So Feel Free to share your thought about this solution and leave it a comment!! Thank you!🙌

Community feedback

  • Fazza Razaq Amiarso•2,340
    @fazzaamiarsoPosted about 2 years ago

    Hi Hanif! Great Work!

    Just a quick tip. You can use ternary operator for conditional and make sure you use strict equal === for comparing values, so that the value not coerced.

    colors.push( index === highest ? '#76b5bc' : '#ec775f' );

    I hope it helps! Cheers!

    0

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