vue 拓扑组件_vue 集成 vis-network 实现网络拓扑图的方法

vis.js  网站

vs  code 下安装命令

npm install vis-network

在vue  下引入 vis-network组件

const vis = require("vis-network/dist/vis-network.min.js");

require("vis-network/dist/vis-network.min.css");

例子代码使用

let dir = "/jtopo/";

let nodes = [

{ id: 1, shape: "circularimage", image: dir + "server.png" },

{ id: 2, shape: "circularimage", image: dir + "server.png" },

{ id: 3, shape: "circularimage", image: dir + "server.png" },

{

id: 4,

shape: "circularimage",

image: dir + "gather.png",

label: "pictures by this guy!"

},

{ id: 5, shape: "circularimage", image: dir + "wanjet.png" },

{ id: 6, shape: "circularimage", image: dir + "center.png&#