antv x6.js实现简单的可拖动流程图示例代码-html代码-BFW代码库

antv x6.js实现简单的可拖动流程图示例代码

代码语言：html

所属分类：图表

代码描述：antv x6.js实现简单的可拖动流程图示例代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/x6.js"></script>
    <style>
    </style>
</head>

<body>
    <div id="container">

    </div>

    <script>
        const graph = new X6.Graph({
            container: document.getElementById('container'),
            width: 800,
            height: 600,
          });
          const data = {
          // 节点
          nodes: [
            {
              id: 'node1', // String，可选，节点的唯一标识
              x: 40,       // Number，必选，节点位置的 x 值
              y: 40,       // Number，必选，节点位置的 y 值
              width: 80,   // Number，可选，节点大小的 width 值
              height: 40,  // Number，可选.........完整代码请登录后点击上方下载按钮下载查看