https://gv-lastfm-playground.vercel.app/js/animations/YearChart.anime.js

1import {delay} from "./settings.anime.js";
2
3export const yearChartAnimation = (element, slide, animationDirection) => {
4  let el = element.querySelector(".highcharts-series");
5  let series = el.children;
6
7  if (animationDirection === "animateIn") {
8    anime({
9      targets: series,
10      scaleY: [0, 1],
11      duration: 600,
12      delay: anime.stagger(10, {
13        start: delay,
14      }),
15      easing: "cubicBezier(.77,.27,0,.99)",
16      begin: function () {
17        el.style.opacity = "1";
18      },
19    });
20  } else {
21    anime({
22      targets: series,
23      scaleY: [1, 0],
24      duration: 300,
25      delay: 0,
26      easing: "linear",
27      complete: function () {
28        el.style.opacity = "0";
29      },
30    });
31  }
32};