vis.js

1、官網：http://visjs.org/docs/network/

2、示例：

<!doctype html>
　　<html>
　　　　<head>
　　　　<title>vis.js</title>
　　　　<script type="text/javascript" src="vis.js"></script>
　　　　<link href="vis.css" rel="stylesheet" type="text/css" />
　　　　<style type="text/css">
　　　　　　#mynetwork {
　　　　　　width: 600px;
　　　　　　height: 400px;
　　　　　　border: 1px solid lightgray;
　　　　　　}
　　　　</style>
　　　　</head>
　　　　<body>
　　　　　　<div id="mynetwork"></div>

　　　　　　<script type="text/javascript">
　　　　　　// 創建節點數組
　　　　　　var nodes = new vis.DataSet([
　　　　　　　　{id: 1, label: 'Node 1'},
　　　　　　　　{id: 2, label: 'Node 2'},
　　　　　　　　{id: 3, label: 'Node 3'},
　　　　　　　　{id: 4, label: 'Node 4'},
　　　　　　　　{id: 5, label: 'Node 5'}
　　　　　　]);

　　　　　　// 創建關系數組
　　　　　　var edges = new vis.DataSet([
　　　　　　　　{from: 1, to: 3},
　　　　　　　　{from: 1, to: 2},
　　　　　　　　{from: 2, to: 4},
　　　　　　　　{from: 2, to: 5}
　　　　　　]);

　　　　　　// 創建一個網絡
　　　　　　var container = document.getElementById('mynetwork');

　　　　　　// vis數據
　　　　　　var data = {
　　　　　　　　nodes: nodes,
　　　　　　　　edges: edges
　　　　　　};
　　　　　　var options = {};

　　　　　　// 初始化網絡
　　　　　　var network = new vis.Network(container, data, options);
　　　　</script>
　　</body>
</html>

轉載于:https://www.cnblogs.com/boreguo/p/10748853.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/277880.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/277880.shtml
英文地址，請注明出處：http://en.pswp.cn/news/277880.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！