复制如下内容保存到空白的.html文件中,用浏览器打开即可查看效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hwl</title> </head <body> <div id="myDiagramDiv" style="border:solid 1px blue; width:400px; height:150px"></div> <script src="https://unpkg.com/gojs/release/go-debug.js"></script> <script> var diagram = new go.Diagram("myDiagramDiv"); diagram.model = new go.GraphLinksModel( [{ key: "wo" }, { key: "ai" }, { key: "ni" }], // 数组中有3个节点数据 [{ from: "wo", to: "ai" }, { from: "ai", to: "ni" }] // 数组中有3个连接数据 ); </script> </body> </html>