跳到主要内容

指南概述

这些指南详细讲解了如何使用 DHTMLX Diagram 创建任意复杂度的 Diagram。 文档按任务划分为多篇手册,分别讲解构建和配置 Diagram 的原则,以及编辑其元素的方法。这些指南包含许多辅助内容,帮助您使用 DHTMLX Diagram:用法示例、插图和动图。

Diagram​

本节详细介绍如何将 DHTMLX Diagram 添加到页面中,说明 Diagram 配置,并讲解如何滚动大型 Diagram。

Diagram 元素​

本节介绍所有默认 Diagram 元素(形状、线条、组、泳道),演示如何添加自定义形状,并讲解如何配置这些元素以及在它们之间建立连接。

Diagram Editor​

了解如何初始化 Diagram Editor,这是一款可加快您设计 Diagram 速度的工具。

这些指南全面介绍了编辑器界面各部分及其设置,并提供了界面元素的自定义示例。

常用指南​

阅读这些文章,了解将数据加载到 Diagram 中的方法、数据的序列化与保存、将 Diagram 数据导入 Editor,以及以各种格式导出 Diagram 数据的方法。您还可以在此找到不同 Diagram 元素的数据模板示例。

以下文章将帮助您创建完全自定义的 Diagram:通过 API 操作 Diagram 及其元素,并为所需事件绑定处理程序。

了解如何使 Diagram 适应不同语言,以及如何编辑文本元素。

集成指南​

这些文章提供了将 Diagram 与不同客户端框架配合使用的示例。

AI 集成​

将 AI 编程助手连接到实时的 DHTMLX Diagram 文档,使其根据当前 API 生成代码,而非依赖过时的训练数据。

触控支持​

得益于内置的触控支持,您可以使用 DHTMLX Diagram 创建响应式 Web 应用程序。请在 触控支持 指南中查看 UI 部件在触控设备上的工作方式。

TypeScript 支持​

浏览包含代码片段的 TypeScript 支持指南,深入了解内置类型定义,帮助您更快地编写整洁的代码。