UniversalTransition 全局过渡动画

Echarts v5.2.0 之后支持，2021.9.1发布的新功能，提供了任意系列之间进行变形动画的功能
开启该功能后，每次setOption，相同id的系列之间会自动关联进行动画的过渡，更细粒度的关联配置见universalTransition.seriesKey配置

• 让过渡动画不再局限于相同类型的系列之间。
• 可以使用这种跨系列的形变，为任意类型的系列和任意类型的图形做形变动画。

配置encode.itemGroupId或者dataGroupId等指定数据的分组，还可以实现诸如下钻，聚合等一对多或者多对一的动画
UniversalTransition文档 https://echarts.apache.org/handbook/zh/basics/release-note/5-2-0/

每个图表类型，都有一个 UniversalTransition配置
https://echarts.apache.org/zh/option.html#series-line.universalTransition

import { UniversalTransition } from 'echarts/features';

跨系列的图表动画

在设置universalTransition:true开启全局过渡动画后，
从饼图切换成柱状图，或者从柱状图切换成散点图，
甚至旭日图和矩形树图这类复杂的图表之间，都可以通过形变的方式自然的进行动画过渡

import { TransformComponent } from "echarts/components";
import { UniversalTransition } from "echarts/features";
// 注册组件
echarts.use([AriaComponent,UniversalTransition]);
// 配置项中添加代码，注意另一个图表配置项series里的id也要相同
const options = {
  series: [
    {
      type: "bar",
      // 通过 id 关联需要过渡动画的系列
      id: "Score",
      // 每个数据都是用不同的颜色
      colorBy: "data",
      universalTransition: true,
      animationDurationUpdate: 1000,
    },
  ]
}

https://blog.csdn.net/Mr_WangGeGe/article/details/121849184

groupId