G6 - 货物流转图

   <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>货物流转图</title>
<script src="https://a.alipayobjects.com/jquery/jquery/1.11.1/jquery.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/assets/g6/1.2.8/g6.min.js"></script>
      </head>
      <body>
          <div id="c1"></div>
 <script type="text/javascript">
$.getJSON('../../../static/data/wuliu.json',function(data){
  var net = new G6.Net({
    id: 'c1',            // 容器ID
    height: 450,         // 画布高
    fitView: 'autoZoom', // 自动缩放
  });
  net.source(data.nodes, data.edges);
  net.render();
});
</script>

      </body>
    </html>
          

货物流转图

该图展示了某物流公司的工作流程。该示例主要向大家展示如何使用图片当作节点。