vue 使用vis-network设置节点大小
时间: 2023-07-31 19:07:27 浏览: 124
要设置节点大小,可以在 `vis-network` 的 `options` 中添加 `nodes` 属性,并设置 `size` 属性,示例代码如下:
```html
<template>
<div id="network" ref="network"></div>
</template>
<script>
import vis from 'vis-network'
export default {
mounted() {
const container = this.$refs.network
const nodes = [
{id: 1, label: 'Node 1'},
{id: 2, label: 'Node 2'},
{id: 3, label: 'Node 3'},
{id: 4, label: 'Node 4'}
]
const edges = [
{from: 1, to: 2},
{from: 1, to: 3},
{from: 2, to: 4},
{from: 3, to: 4}
]
const data = {nodes, edges}
const options = {
nodes: {
size: 20 // 设置节点大小为20
}
}
new vis.Network(container, data, options)
}
}
</script>
```
以上代码会生成一个简单的网络图,其中每个节点的大小为 20。你可以根据需要修改 `size` 属性的值来改变节点的大小。