Animations

Google charts can smoothly animate your data as it changes.

To enable animations add the animation property of type animation to the chart options parameter.

import { Chart } from "react-google-charts";

<Chart
  chartType="ScatterChart"
  width="100%"
  height="400px"
  data={chartData}
  options={{
    title: "Company Performance",
    legend: { position: "bottom" },
    animation: {
      duration: 1000,
      easing: "out",
    },
  }}
/>;

Animate by changing the data

Read More

• Reference