GoJS最简单的实例

复制如下内容保存到空白的.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>

猜你喜欢

转载自www.cnblogs.com/Alwaysbecoding/p/11848273.html