echart 拓扑图样例
时间: 2023-07-09 22:23:22 浏览: 49
下面是一个简单的ECharts拓扑图的样例代码:
```javascript
option = {
title: {
text: 'ECharts 拓扑图'
},
tooltip: {},
series: [{
type: 'graph',
layout: 'force',
data: [{
name: '节点1',
x: 100,
y: 100
}, {
name: '节点2',
x: 300,
y: 100
}, {
name: '节点3',
x: 200,
y: 200
}],
links: [{
source: '节点1',
target: '节点2'
}, {
source: '节点2',
target: '节点3'
}],
label: {
show: true
},
force: {
repulsion: 100
}
}]
};
```
这个样例展示了一个简单的拓扑图,包括3个节点和2条连线。其中,`layout`属性设置为`force`表示使用力导向布局,`data`属性定义节点的名称、坐标等信息,`links`属性定义连线的起始和结束节点名称,`label`属性设置节点上方的标签显示,`force`属性设置节点之间的斥力大小。运行以上代码,即可得到一个简单的拓扑图表。