reactjs - Recharts - 标签将数字显示为 %

Question

使用 recharts 网站上的示例条形图，我想将标签上的数字显示为 %。https://jsfiddle.net/gearoid/7e717fa8/1/

const data = [
    { name: "18-24", audience: 35.18 },
    { name: "25-34", audience: 21.96 },
    { name: "35-44", audience: 7.26 },
    { name: "45-54", audience: 2.19 },
    { name: "55-64", audience: 0.67 },
    { name: "65+", audience: 0.33 },
    { name: "unknown", audience: 32.41 }

];

当我尝试将 % 添加到数组时，它会显示在标签中，但不会显示栏。常量数据= [{名称：“18-24”，观众：35.18 +“％”}];`

关于如何实现这一目标的任何想法？

谢谢！

Answer 1

Bhojendra Rauniyar 的回答对我不起作用，但这有效：

const labelFormatter = (value) => {
    return value + '%';
};
...
...
...
<Bar label={{ position: 'right', formatter: labelFormatter }}/>

Answer 2

您需要在组件中添加单元道具Bar：

<Bar dataKey="audience" fill="#82ca9d" unit="%" />

这是一个工作演示