Pie chart label not working with 'isAnimationActive=true'

Do you want to request a feature or report a bug?

Bug

What is the current behavior?

Pie chart label not working when isAnimationActive=true

If the current behavior is a bug, please provide the steps to reproduce.

<ResponsiveContainer width={width} height={height}> <PieChart> <Pie data={data} dataKey="value" cx={width / 2} cy={height / 2.6} outerRadius={80} fill={primary20} startAngle={90} endAngle={450} stroke={0} label> {data.map((entry, index) => ( <Cell key={cell-${index}} fill={chartColors[index % chartColors.length]} /> ))} </Pie> <Tooltip /> </PieChart> </ResponsiveContainer>

What is the expected behavior?

show label when ssr

Which versions of Recharts, and which browser / OS are affected by this issue? Did this work in previous versions of Recharts?

“recharts”: “^1.7.1”,

[LoicSalaris]

Hi, got the same bug here when isAnimationActive is at true, label don’t work, or randomly in 1.8.5

[johhnry]

Same issue here with recharts@2.0.8, when animating a Pie chart with labels they disappear when the cells are animated.

Is there a way to animate the labels and smoothly interpolate the values ? (in percent in this case)