x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>货物流转图</title>6
<script src="https://a.alipayobjects.com/jquery/jquery/1.11.1/jquery.js"></script>7
<script src="https://gw.alipayobjects.com/os/antv/assets/g6/1.2.8/g6.min.js"></script>8
</head>9
<body>10
<div id="c1"></div>11
<script type="text/javascript">12
$.getJSON('../../../static/data/wuliu.json',function(data){13
var net = new G6.Net({14
id: 'c1', // 容器ID15
height: 450, // 画布高16
fitView: 'autoZoom', // 自动缩放17
});18
net.source(data.nodes, data.edges);19
net.render();20
});21
</script>22
</body>23
</html>24
货物流转图
该图展示了某物流公司的工作流程。该示例主要向大家展示如何使用图片当作节点。