Recharts -在条形图的工具提示上添加逗号

import { BarChart, Bar, Tooltip, XAxis, YAxis } from 'recharts';

const data = [
  { name: 'A', value: 1000 },
  { name: 'B', value: 2000 },
  { name: 'C', value: 3000 },
];

const CustomTooltip = ({ active, payload, label }) => {
  if (active && payload && payload.length) {
    return (
      <div className="custom-tooltip">
        <p className="label">{`${label} : ${payload[0].value.toLocaleString()}`}</p>
      </div>
    );
  }

  return null;
};

<BarChart width={400} height={300} data={data}>
  <XAxis dataKey="name" />
  <YAxis />
  <Tooltip content={<CustomTooltip />} />
  <Bar dataKey="value" fill="#8884d8" />
</BarChart>