无法使用 gojs 渲染交互式图像答案

【问题标题】：Cannot render interactive image using gojs无法使用 gojs 渲染交互式图像
【发布时间】：2020-03-31 22:46:29
【问题描述】：

我想使用 goJs 创建交互式图像，但是当我尝试按照教程创建基本视觉效果时，我得到的输出只是一个空白框，而不是带有“Alpha”和“Beta”字样的交互式图像' 用一条线连接起来。

这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/gojs/release/go-debug.js"></script>
    <script src="go.js"></script>
    <script>
        function init() {
            var $ = gp.GraphObject.make;
            myDiagram = $(go.Diagram, "decisionTree");
            var nodeDataArray = [
                { key: "Alpha" },
                { key: "Beta" }
            ];
            var linkDataArray = [
                { to: "Beta", from: "Alpha" }
            ];
            myDiagram.model = new go.GraphLinksModel(nodeDataArray, linkDataArray)
        }
    </script>
</head>
<body onload="init"()>
    <div id="decisionTree" style="width:300px; height:300px; border:1px solid black;"></div>
</body>
</html>

教程：https://www.youtube.com/watch?v=7cfHF7yAoJE#action=share

【问题讨论】：

var linkDataArray = [ { to: "Beta". from: "Alpha" }]; 中有语法错误。将Beta 之后的点更改为,。这是你的第一个问题。
@norbertpy 谢谢，不幸的是仍然遇到同样的问题，将修改我的问题

标签： javascript html gojs

【解决方案1】：

您正在加载两个不同版本的 GoJS 库。我建议您删除该行：

<script src="go.js"></script>

编辑：此外，我之前在阅读您的代码时遗漏了一些拼写错误。这确实有效：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/gojs/release/go-debug.js"></script>
    <script>
        function init() {
            var $ = go.GraphObject.make;
            var myDiagram = $(go.Diagram, "decisionTree");
            var nodeDataArray = [
                { key: "Alpha" },
                { key: "Beta" }
            ];
            var linkDataArray = [
                { to: "Beta", from: "Alpha" }
            ];
            myDiagram.model = new go.GraphLinksModel(nodeDataArray, linkDataArray)
        }
    </script>
</head>
<body onload="init()">
    <div id="decisionTree" style="width:300px; height:300px; border:1px solid black;"></div>
</body>
</html>

【讨论】：