Graph 对象

Graph 是拓扑组件的核心对象，用于 2D 场景初始化。

创建 Graph 对象

下面的代码中，通过创建 Graph 对象，对 2D 拓扑场景（以下简称场景）进行初始化。初始化时需要传入承载场景的 DIV 容器 id。

const graph = new THING.DIAGRAM.Graph({
  container: 'div1' // 容器元素 id
})

下面的子章节中，将介绍 Graph 加载场景的应用示例。

将下面的代码输入到项目文件中，即可加载场景。

const graph = new THING.DIAGRAM.Graph({
  container: 'div1', // 容器元素 id
  url: '/diagrams/75ceb61a492da03d' // 拓扑场景资源路径
})

其中，url 为场景资源的相对路径，打开在线开发拓扑资源列表中的场景时，url 会自动填充。

下面的子章节中，列出了常用的 Graph 对象属性和方法。

属性名称	类型	说明
container	string / HTMLDivElement	视图容器 DOM 元素或 id
url	string	拓扑图资源路径

方法	说明
query	通过 id，name，自定义属性，来搜索对象
on	全局绑定事件。多用于绑定 load 事件来通知 Graph 场景加载完成以及监听场景中对象的交互行为
destroy	销毁画布

下一个教程中，我们来学习获取对象。