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 }

];

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

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

谢谢！

Answer 1

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

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

这是working demo

Answer 2

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

BasicAuthenticationFilter.class