Expenses Chart using Vue.js

Community feedback

• 

  Nemanja Dragun•340

  @ndragun92Posted over 1 year ago

  Hello :)

  Good job with completing the challenge!

  I would like to point few things.

  For example, in Vue, you could use a big advantage of what the framework is already offering. In order to show/hide tooltips you could have used a reactive variable and mouseover/leave set variable to indicate which tooltip to show. Another approach is the full CSS approach that would make this possible too without relying on JS.

  One tip for smaller stuff and better code readability you could use something like <span class="day text-soft-brown" v-text="spend.day" />

  Take care

  Marked as helpful

  0

  ---

  

  Ubaldo•460

  @uvdevelop26Posted over 1 year ago

  @ndragun92 hello, thanks for the advice.. :), I thought about the reactive variable but I had so many struggles to define which tooltip to show (all of them where showing at once), thas why I come up whit the $event variable, but I guess I should've looked for more information.

  0

  

  Nemanja Dragun•340

  @ndragun92Posted over 1 year ago

  @uvdevelop26 It is fine. I will try to make a live example today and share it with you here so you can see real example of how you can achieve that.

  0

  

  Nemanja Dragun•340

  @ndragun92Posted over 1 year ago

  @uvdevelop26 This is one of the ways you can solve it :)

  Show example

  Marked as helpful

  0

  

  Ubaldo•460

  @uvdevelop26Posted over 1 year ago

  @ndragun92 oh wow, this is great thank you!!

  0