echarts 关系图动画
时间: 2023-07-08 20:42:46 浏览: 220
Echarts 关系图
ECharts关系图动画主要是通过开启animation配置项来实现。在使用关系图时,需要在series中设置type为'graph',然后在graph中设置关系图的数据。接着,在series中设置animation属性,开启关系图动画。
例如,以下代码实现了一个简单的关系图动画:
```javascript
option = {
series: [{
type: 'graph',
data: [{
name: '节点1',
x: 100,
y: 100
}, {
name: '节点2',
x: 200,
y: 200
}],
links: [{
source: '节点1',
target: '节点2'
}],
animation: true // 开启动画
}]
};
```
在上述代码中,animation属性被设置为true,表示开启关系图动画。您也可以通过设置animationDuration属性来调整动画时间。
阅读全文