Recharts - 标签将数字显示为 %答案

【问题标题】：Recharts - labels display numbers as %Recharts - 标签将数字显示为 %
【发布时间】：2018-04-27 09:38:59
【问题描述】：

使用 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 +“%”} ];`

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

谢谢！

【问题讨论】：

标签： reactjs labels recharts

【解决方案1】：

Bhojendra Rauniyar 的回答对我不起作用，但它起作用了：

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

【讨论】：

今天为我工作

【解决方案2】：

你需要在Bar组件中添加unit props：

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

这是working demo

【讨论】：

这行不通了