jQuery springy 关系可视化
最后更新于：2022-04-02 03:13:42
[TOC]
> [github](https://github.com/dhotson/springy)
> [home](http://getspringy.com/#getting-started)
## demo
```
```
## 设置样式
`...` 的样式 ie不支持
```
var nodes=['Dennis', 'Michael', 'Jessica', 'Timothy', 'Barbara','Amphitryon', 'Alcmene', 'Iphicles', 'Heracles'];
graph.addNodes(...nodes)
//or
//graph.addNodes('Dennis', 'Michael', 'Jessica', 'Timothy', 'Barbara')
//graph.addNodes('Amphitryon', 'Alcmene', 'Iphicles', 'Heracles');
var edges = [
['Dennis', 'Michael', {color: '#00A0B0', label: 'Foo bar'}],
['Michael', 'Dennis', {color: '#6A4A3C'}],
['Michael', 'Jessica', {color: '#CC333F'}],
['Jessica', 'Barbara', {color: '#EB6841'}],
['Michael', 'Timothy', {color: '#EDC951'}],
['Amphitryon', 'Alcmene', {color: '#7DBE3C'}],
['Alcmene', 'Amphitryon', {color: '#BE7D3C'}],
['Amphitryon', 'Iphicles'],
['Amphitryon', 'Heracles'],
['Barbara', 'Timothy', {color: '#6A4A3C'}]
]
graph.addEdges(
...edges
);
```
';