echarts 关系图动画
时间: 2023-07-08 21:42:46 浏览: 243
html5 echarts图表插件实现的带发光效果分布地图动画特效源码.zip
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属性来调整动画时间。
阅读全文