Smart chart style

Help me!
1

Hey :smiley: I have created a smart chat where one of its columns shows the amount of money. I would like to add next to each value the dollar symbol. Currently it is shown as is:

Screen Shot 2021-10-12 at 09.33.49

I would like the values to be shown instead, e.g. $60.00 USD.

How can i achieve this?
Thanks!

2

Hi @usr1vang,

It will be easier for me to help you with the code of your smart chart :wink:. Could you please share it :slight_smile: ?

3

Sure. I attached below:

Screen Shot 2021-10-12 at 10.22.46
Screen Shot 2021-10-12 at 10.22.462034×1464 344 KB

4

Hmm not sure you are talking about smart chart. Aren’t you talking about API Chart ? If yes you can’t achieve what you want with the API Chart for now :confused:

5

No, it is a smart chart. Here is the other part of the code:

Screen Shot 2021-10-13 at 08.21.10
Screen Shot 2021-10-13 at 08.21.101426×698 72.4 KB

Screen Shot 2021-10-13 at 08.21.15
Screen Shot 2021-10-13 at 08.21.151460×772 106 KB

6

Okey this is the part that interest me :slight_smile:

export default class extends Component {
  async fetchData() {
    const response = await this.lianaServerFetch('/forest/transaction-chart', {});
    const jsonResponse = await response.json();
    this.charities = jsonResponse.map(charity => ({ ...charity, amount: `$${charity.amount} USD` })); 
}

This should display the dollar like you wanted :wink:

1 Like