gojs实现一个流程图效果代码

代码语言:html

所属分类:图表

代码描述:gojs实现一个流程图效果代码

代码标签: gojs 流程图

下面为部分代码预览,完整代码请点击下载或在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" />
  
</head>
<body>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/go.js"></script>

  <div id="myDiagramDiv" style="border: solid 1px blue; width:500px; height:500px"></div>

<script>

  var diagram = new go.Diagram("myDiagramDiv");
 // the node template describes how each Node should be constructed
diagram.nodeTemplate =
  new go.Node("Auto")  // the Shape will go around the TextBlock
    .add(new go.Shape("RoundedRectangle")
      // Shape.fill is bound to Node.data.color
      .bind("fill", "color"))
    .add(new go.TextBlock({ margin: 8}) // Specify a margin to add some room around the text
      // TextBlock.text is b.........完整代码请登录后点击上方下载按钮下载查看

网友评论0