Submitted almost 3 years ago

Responsive Landing Page Using Chart JS -

chart-js

sahal akma•30

@sahalakma

A solution to the Expenses chart component challenge

Preview Code

Solution retrospective

Building Chart according to the given model is a little bit difficult. but after knowing about chart js and it's features it became easier process.

The Next Challenge was to connect the given JSON data with our bar chart. after some research i find out what is the problem and got the solution.

The only problem I am Facing now is to Edit the Tooltip Label of Bar Chart. I want to add an Extra "$" sign before the amount in tooltip, But I Can't do that. If anyone know about that Please give me solution❤️

Code

Please log in to post a comment

Community feedback

Danilo Arcidiacono•120
@daniloarcidiacono
Posted almost 3 years ago
You can try the before selector like this:
```
<your-selector>::before {
   content: "$";
}
```

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