Recharts - add commas to number on tooltip on bar chart

Question

Is it possible to add a comma to large numbers on the tooltip?

for example 57,574 instead of 57574

Thanks!

Answer 1

Yes, you can pass any formatter function to the Tooltip component, using the formatter prop e.g.

<BarChart>
  <Tooltip formatter={(value) => new Intl.NumberFormat('en').format(value)} />
</BarChart>

Check out the documentation here: http://recharts.org/en-US/api/Tooltip#formatter