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

Reactjs Recharts-标签将数字显示为%,reactjs,labels,recharts,Reactjs,Labels,Recharts,使用recharts站点上的示例条形图,我想将标签上的数字显示为% ]) 当我尝试将%添加到数组时,它会显示在标签中,但不会显示条形图。 常数数据=[ {姓名:“18-24”,听众:35.18+“%” ];` 你知道如何实现这一目标吗 谢谢 您需要在Bar组件中添加道具: <Bar dataKey="audience" fill="#82ca9d" unit="%" /> 这里有一个博詹德拉·劳尼亚尔的答案对我来说并不奏效,但这确实奏效了: const labelFormatt

使用recharts站点上的示例条形图,我想将标签上的数字显示为%

])

当我尝试将%添加到数组时,它会显示在标签中,但不会显示条形图。 常数数据=[ {姓名:“18-24”,听众:35.18+“%” ];`

你知道如何实现这一目标吗

谢谢

您需要在
Bar
组件中添加道具:

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


这里有一个

博詹德拉·劳尼亚尔的答案对我来说并不奏效,但这确实奏效了:

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

您是冠军,非常感谢!
const labelFormatter = (value) => {
    return value + '%';
};
...
...
...
<Bar label={{ position: 'right', formatter: labelFormatter }}/>