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 对象属性和方法。

常用 Graph 对象属性

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

常用 Graph 对象方法

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

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

该文件修订时间: 2022-03-16 17:53:44

results matching ""

    No results matching ""