Как отключить анимацию для LineChart в recharts?

Question

Я пытался отключить анимацию следующим образом:

<ResponsiveContainer width="99%" height={300}>
    <LineChart isAnimationActive={false}
               animationDuration={0}
               height={300} width={400}
               data={chartData}>
        ...
    </LineChart>
</ResponsiveContainer>

Но это не работает

Answer 1

Вам необходимо отключить анимацию на уровне строки.

<ResponsiveContainer width="99%" height={300}>
    <LineChart height={300} width={400} data={chartData}>
        <Line type="monotone" isAnimationActive={false} dataKey="pv" />
        <Line type="monotone" isAnimationActive={false} dataKey="uv" />
    </LineChart>
</ResponsiveContainer>

Установите этот флажок JSFiddle , чтобы увидеть пример.