Невозможно отобразить интерактивное изображение с помощью gojs - PullRequest
Новая
       26

Невозможно отобразить интерактивное изображение с помощью gojs

0 голосов
/ 01 апреля 2020

Я хотел бы создать интерактивное изображение, используя goJs, однако, когда я пытаюсь следовать учебному руководству для создания базового c визуального вывода, я получаю лишь пустое поле, а не интерактивное изображение с слова «Альфа» и «Бета» соединены линией.

Это мой код: 

<!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 = доля

1 Ответ

1 голос
/ 01 апреля 2020

Вы загружаете две разные версии библиотеки 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>
...