echarts 关系图 拖动和缩放 流动效果

ECharts 关系图支持拖动和缩放功能，可以通过配置 `dataZoom` 和 `roam` 属性来实现。其中，`dataZoom` 可以用于缩放，`roam` 可以用于拖动。示例代码如下：

option = {
  series: [{
    type: 'graph',
    layout: 'force',
    data: [...],
    links: [...],
    roam: true, // 开启拖动功能
    force: {
      repulsion: 100
    }
  }],
  dataZoom: [{ // 开启缩放功能
    type: 'inside',
    minSpan: 10,
    maxSpan: 100
  }],
  animationDurationUpdate: 1500, // 设置流动效果的时间
  animationEasingUpdate: 'quinticInOut', // 设置流动效果的缓动函数
};

关于流动效果，可以通过设置 `animationDurationUpdate` 和 `animationEasingUpdate` 属性来实现。其中，`animationDurationUpdate` 表示动画的持续时间，单位为毫秒；`animationEasingUpdate` 表示动画的缓动函数。ECharts 内置了多种缓动函数，比如 `linear`、`quadraticIn`、`cubicInOut` 等，也可以自定义缓动函数。例如：

function customEasing(t) {
  return t * t * t * t * t;
}

option = {
  ...,
  animationDurationUpdate: 1500,
  animationEasingUpdate: customEasing
};

以上就是 ECharts 关系图拖动、缩放和流动效果的实现方法。希望能对你有所帮助！