vue中go.js的使用教学（二：创建图表以及配置内容）

目录

1.创建（在 div 元素中托管 GoJS）

2.使用（JavaScript 代码中对 GoJS 类型（如 Diagram）的所有引用都以 “” 为前缀。go.）

3.生成的go.js图例 

---

1.创建（在 div 元素中托管 GoJS）

eg：这边拥有id的div

<template>
    <div id="chart-wrap" style="height: 100%">
      <div id="chart-diagram" style="height: 100%"></div>
    </div>
</template>

2.使用（JavaScript 代码中对 GoJS 类型（如 Diagram）的所有引用都以 “” 为前缀。go.）

eg：只是用来举个例子（测试可以直接在script直接使用以下代码，无需写方法）

<script>
    var diagram = new go.Diagram("chart-diagram");
    diagram.model = new go.GraphLinksModel(
      [{ key: "Hello" },   // two node data, in an Array
       { key: "World!" }],
      [{ from: "Hello", to: "World!"}]  // one link data, in an Array
    );
</script>

3.生成的go.js图例