跳到主要内容

新特性

如果您正在将 Diagram 从旧版本升级,请查看 迁移到新版本 了解详细信息。

版本 6.1.6

2026 年 7 月 1 日发布

修复

  • Diagram。修复了在 mindmap 模式下通过 ShapeCollectionDataCollection)向 Diagram 加载数据时发生错误的问题

版本 6.1.5

2026 年 6 月 17 日发布

更新

  • Diagram Editor。改进了文本编辑体验,新增键盘快捷键:Ctrl+Enter 开始编辑,Shift+Enter 换行,Enter 确认,Escape 放弃更改

修复

  • Diagram Editor。修复了穿过泳道组的线条无法被选中的问题
  • Diagram Editor。新增了将连接线拖拽到当前屏幕视图之外的形状时的自动滚动功能。
  • Diagram Editor。修复了在编辑形状文本时形状被删除的错误
  • Diagram。修复了 Safari 浏览器中具有 backArrow: "filled" 属性的线条渲染不正确的特定错误

版本 6.1.3

2026 年 5 月 21 日发布

更新

  • Diagram / Diagram Editor。改进了自动布局逻辑。通过 autoPlace() Diagram 方法和 autoplacement 配置对象中新增的 itemPaddinglevelPadding 属性,新增了控制形状与层级之间间距的能力

修复

  • Diagram。修复了应用自动布局后形状之间距离不正确的问题
  • Diagram。修复了调用 autoPlace() 时忽略 fromSidetoSide 连接线取值的问题,确保图表结构保持一致
  • Diagram。重构了 Radial 自动布局算法,修复了形状之间距离过大的问题,从而提供更紧凑的布局

版本 6.1.2

2026 年 4 月 2 日发布

修复

  • Diagram Editor。修复了坐标为负数的形状创建连接线时出现的问题
  • Diagram Editor。修复了在行内文本编辑期间按下 Backspace 键会删除形状或线条标题的问题
  • Export。通过改进的清理机制和环境加固,修复了 PDF/PNG 导出中允许通过 HTML 注入进行任意本地文件访问的安全漏洞

版本 6.1.1

2026 年 2 月 5 日发布

修复

  • Diagram Editor。向下和向右移动项目时无法自动滚动画布的问题

版本 6.1

2025 年 11 月 25 日发布

新功能

更新

  • DataCollection API。针对 PERT 模式的更新:
    • parse() 方法的第一个参数可以接受一个包含 datalinks 数组的对象
    • serialize() 方法可以返回一个包含 datalinks 数组的对象
  • Diagram API。支持为 PERT 模式的任务形状设置日期渲染格式:
  • Diagram/Diagram Editor API。支持定义线条的连接类型:
    • Diagram 的 lineConfig 配置属性新增 connectType 参数
    • Diagram Editor 的 lineConfig 配置属性新增 connectType 参数
  • Export API。pdf()png() 导出函数会返回数据导出的 Promise

修复

  • Diagram Editor。在 Safari 浏览器中悬停在形状上后出现的脚本错误
  • Diagram Editor。移除项目后出现的控制台警告

关于 AI 集成的新演示

新增示例

版本 6.0.11

2025 年 6 月 18 日发布

修复

  • Diagram Editor。缩放时形状移动不正确的问题

版本 6.0.10

2025 年 3 月 10 日发布

修复

  • Diagram。编辑线条宽度时调整线条形状箭头大小的问题

版本 6.0.9

2025 年 2 月 4 日发布

修复

  • Diagram Editor。移动包含项目的分组以及将项目移入/移出分组时出现的问题
  • Diagram。选中形状时不会触发 itemMouseOveritemMouseOut 事件的问题

版本 6.0.8

2024 年 12 月 5 日发布

  • 将本地试用包导入框架时出现的问题

版本 6.0.7

2024 年 11 月 27 日发布

  • Diagram Editor。使用 Editbar 编辑形状时发生错误的问题
  • Diagram Editor。行内编辑导航过程中形状移动的问题

版本 6.0.4

2024 年 10 月 1 日发布

修复

  • Diagram Editor。调用 destructor() 方法会抛出错误的问题

版本 6.0.3

2024 年 8 月 28 日发布

修复

  • Diagram Editor。为 Editbar 的 calendarcomboboxcolorpickerformtimepicker 应用不同语言环境的问题
  • Diagram Editor。将 Diagram Editor 添加到 Layout 单元格中的问题
  • Diagram Editor。default 模式下 shapeToolbar 属性并非可选的问题
  • Diagram Editor。自定义形状包含预览图片时悬停行为不正确的问题

版本 6.0.2

2024 年 7 月 16 日发布

修复

  • Diagram。自动布局。形状隐藏在另一个形状下方的问题

版本 6.0.1

2024 年 6 月 24 日发布

修复

  • Diagram Editor。内存泄漏问题
  • Diagram Editor。通过 Toolbar 点击垂直和水平分布时出现脚本错误的问题
  • Diagram。调用 getSubHeaderCellId() 方法时的类型问题

版本 6.0

2024 年 5 月 16 日发布

重大变更

此次更新对 Diagram 和 Diagram Editor 的结构和功能进行了重大调整。请查看 迁移文章 以跟上最新版本的步伐。

新功能

更新

弃用的 API

  • 属性

    • Diagram Editor 的 controls 属性已弃用,不再支持
    • Diagram Editor 的 editMode 属性已弃用,不再支持
    • Diagram Editor 的 gapPreview 属性已弃用,不再支持
    • Diagram Editor 的 reservedWidth 属性已弃用,不再支持
    • Diagram Editor 的 scalePreview 属性已弃用,不再支持
    • Diagram Editor 的 shapeBarWidth 属性已弃用,不再支持
    • Diagram Editor 的 shapeSections 属性已弃用,不再支持
    • Line 数据的 title 属性已弃用,不再支持
  • 方法

    • Diagram 的 Selection 对象的 getId() 方法已弃用,不再支持
    • Diagram 的 Selection 对象的 getSubId() 方法已弃用,不再支持
    • Diagram Editor 的 setViewMode() 方法已弃用,不再支持
  • 事件

    • 由于工具栏中没有对应的按钮,Diagram Editor 的以下事件已弃用,不再支持:resetButtonapplyButtonvisibilityexportDataimportDataautoLayout
    • Diagram Editor 的 changeGridStep 事件已弃用,不再支持

修复

  • Diagram Editor。修复了数据导入后第二次点击 "Import data" 按钮且未选择文件时导致控制台错误的问题
  • Diagram Editor。修复了新形状添加被阻止的问题
  • Diagram Editor。修复了手动选择元素时线条复制的问题
  • Diagram Editor。修复了在 mindmap/org 模式下根形状靠近子形状时的拖拽问题
  • Diagram Editor。修复了选择形状时需要按住 Shift 键额外点击一次的选择行为不正确的问题
  • Diagram Editor。修复了分组和泳道无法一起移动的问题
  • Diagram Editor。修复了移除未使用的线条/连接线的问题
  • Diagram Editor。修复了将不同父级的项目移动到目标项目的能力问题(适用于 org/mindmap 模式)
  • Diagram Editor。修复了为 Shapebar 元素设置默认值的能力问题
  • Diagram Editor。修复了将移动的项目悬停在任意形状上方时连接线外观的问题
  • Diagram Editor。修复了在 mindmap/org 模式下无法通过菜单移除选中项目的问题
  • Diagram Editor。修复了数据导入只能生效一次的问题
  • Diagram Editor。提升了连接线移动过程中的性能
  • Diagram Editor。限制了 historyManager 中连接线移动过程中的操作记录
  • Diagram Editor。优化了查找最近连接线的逻辑
  • 修复了复杂控件的本地化问题

版本 5.0.3

2023 年 7 月 12 日发布

修复

  • 修复了数据解析后调用 autoPlace() 方法导致错误的问题

版本 5.0.2

2023 年 5 月 30 日发布

修复

  • Diagram Editor。修复了多选移动时自定义点不移动的问题
  • Diagram Editor。修复了无法将形状连接到自身的问题
  • 修复了在没有 exportStyles 的情况下导出默认图表的问题
  • 修复了 promiz.js 库在导入源文件时导致 setImmediate() 方法定义出错的问题
  • 修复了 Export 对象中 URL 路径构建的问题
  • 新增了导出的类型定义

版本 5.0.1

2023 年 1 月 19 日发布

修复

  • Diagram Editor。修复了导出数据后重新加载时线条不总是绘制在正确位置的问题
    • 现在可以在默认模式下为线条定义坐标(线条对象新增 points 属性)
  • Diagram Editor。修复了更改缩放级别后在网格中拖拽形状的问题
  • 修复了在没有形状的情况下点击 "Auto layout" 按钮引发错误的问题
  • 修复了通过编辑器创建线条后 默认设置 显示的问题
  • 修复了在 "radial" 模式下自动布局形状时出现的 Diagram/Diagram Editor 缩放问题

版本 5.0

2022 年 9 月 7 日发布

在博客上查看版本评测

重大变更

新版本对 lineGap 属性进行了一些更改。请查看 迁移文章 以跟上最新版本的步伐。

新功能

Diagram

Diagram Editor

  • 形状自动布局的 Radial 算法:
    • autoplacement 属性新增 placemode 参数
    • ToolbarAuto Layout 按钮现在为形状自动布局提供两个选项:OrthogonalRadial
  • 用于在网格区域中更精确地排列形状的对齐辅助线
  • 支持通过新增的 magnetic 属性配置对齐辅助线
  • 支持通过 AltOption)+ CtrlCmd)+ С => AltOption)+ CtrlCmd)+ V 复制和粘贴一个或多个项目的样式(参见 示例
  • 支持对齐和分布多个项目
  • 现在,当您悬停在项目个人工具栏中的控件上时会显示提示信息
  • 扩展了语言选项列表,以支持单项工具栏中提示信息的本地化
  • 支持为自定义工具栏图标设置提示信息:
    • 图标对象的 tooltip 参数已添加到 shapeToolbar 属性中
  • 改进了 Grid area 的设计。现在网格区域中点之间的距离取决于网格步长的值

修复

  • 修复了加载文件后 Editor 右侧面板的加载图标未消失的问题

版本 4.2

2022 年 3 月 3 日发布

在博客上查看版本评测

新功能

更新

  • Diagram 的 defaultLinkType 属性已弃用。请查看迁移文章
  • Diagram Editor 的 shapeSections 属性已更新。请查看迁移文章
  • 现在不仅可以为特定类型的形状定义默认配置,也可以为线条定义默认配置:
    • Diagram 的 defaults 属性已更新
    • Diagram Editor 的 defaults 属性已更新
  • 更新了形状连接模式的文档

版本 4.1

2021 年 12 月 7 日发布

在博客上查看版本评测

新功能

API

更新

  • 更新了 InlineEditor 的事件:subHeaderId 参数已更改为 subId
  • 更新了 Selection API 的事件:新增了 subId 参数
  • 默认模式下形状的默认类型已更改为 "rectangle"

修复

  • 提升了所有类型图表的性能
  • 修复了 Editor 的 Toolbar 中 undo/redo 按钮工作不正确的问题

版本 4.0.1

2021 年 9 月 16 日发布

修复

  • 修复了旋转形状时连接线的显示问题
  • 修复了图表压缩样式的问题
  • 修复了在组织架构图/思维导图模式下向 Diagram Editor 中添加新项目时算法工作不正确的问题
  • 修复了编辑器右侧面板在处理文本样式时工作不正确的问题

版本 4.0

2021 年 9 月 7 日发布

在博客上查看版本评测

新功能

API

更新

  • 改进了键盘导航
  • 重新设计了形状
  • 更新了 Editor 对象的事件:beforeShapeMoveafterShapeMove
  • 升级了 Shape Collection API 的结构

修复

  • 修复了编辑器中 TypeScript 类型定义工作不正确的问题
  • 修复了在 HTML 表单内按下编辑器工具栏按钮会触发表单提交的问题
  • 现在只有当元素的旋转角度为 0 或 360 度时才能调整其大小。
  • 大幅优化了 Diagram 的样式

版本 3.1

2021 年 4 月 15 日发布

新功能

更新

修复

  • 修复了 DHTMLX Diagram 所有类型的选择模块的问题
  • 修复了在默认模式下初始化的图表中,对已缩放的图表应用 "showItem()" 方法时滚动出现的问题
  • 修复了 DOM Parser 处理 HTML 模板工作不正确的问题
  • 修复了折叠任意子形状后根形状也被折叠的问题
  • 修复了形状文本格式设置的问题
  • 修复了在编辑器右侧面板的文本域字段中添加长文本后出现的问题
  • 修复了向自定义形状文本添加特殊字符的问题
  • 修复了自定义形状在控制台中显示警告的问题
  • 修复了在编辑器中删除根形状后抛出脚本错误的问题
  • 修复了编辑器未配置时,在编辑器中应用 "Auto Layout" 按钮后控制台显示错误的问题
  • 修复了在编辑器默认模式下更改形状轮廓类型后未生效的问题
  • 修复了在默认模式下初始化的编辑器中,右侧面板跟踪形状参数的问题
  • 修复了在编辑器默认模式下移除形状焦点的问题
  • 修复了在默认模式下初始化编辑器时,按所需顺序在形状之间设置连接线的问题
  • 修复了编辑器组织架构图模式下 Ctrl+A 组合键工作不正确的问题
  • 修复了复制已连接的形状后,粘贴的形状没有连接线的问题
  • 现在,当编辑器以组织架构图模式初始化时,无法再通过键盘导航从编辑器中移除根形状

版本 3.0.4

2021 年 1 月 27 日发布

修复

  • 修复了在默认模式下初始化的 Editor 中,处理页面上的输入框时选中形状行为不正确的问题
  • 修复了折叠/展开的项目与其父级不同步工作的问题
  • 修复了子项目隐藏时 showItem() 方法工作不正确的问题

版本 3.0.3

2020 年 12 月 23 日发布

修复

  • 修复了 Diagram 导出服务的问题

版本 3.0.2

2020 年 7 月 14 日发布

修复

  • 修复了在以组织架构图模式初始化的 Editor 中从 JSON 导入数据的问题
  • 修复了配置编辑器右侧面板时 addShape() 方法工作不正确的问题
  • 改进了 Editor 工具栏中 historyManager 控件的行为

版本 3.0.1

2020 年 5 月 29 日发布

修复

  • 修复了 autoPlace() 方法的问题
  • 修复了 PNG/PDF 导出模块的问题

版本 3.0

2020 年 5 月 12 日发布

重大变更

新版本引入了一些更改和改进。请查看迁移文章以跟上最新版本的步伐。

新功能

更新

  • 支持在 IE 中使用自定义 HTML 模板
  • 更新并改进了 Diagram Editor 的 UI
  • 支持从中心到中心连接形状
  • 更新了 Editor 的一组热键
  • 支持在以默认模式初始化的编辑器中为 text 形状设置连接线
  • 新增 text 形状内容宽度的自动适应

版本 2.2.1

2019 年 12 月 30 日发布

修复

  • Diagram Editor 中图片加载器对 IE 的支持问题

版本 2.2

2019 年 11 月 27 日发布

新功能

  • 支持通过 SVG 和 HTML 模板创建自定义形状
  • 支持使用不同类型的形状构建图表
  • 支持通过工具栏的 Export data 按钮将 Diagram Editor 中的数据导出为 JSON 格式
  • Diagram Editor 新增 showExport 选项和 exportData 事件

修复

  • 修复了将图表导出为 PDF 和 PNG 格式的问题
  • 修复了鼠标事件工作不正确的问题
  • 修复了在以组织架构图模式初始化的图表中删除子形状的问题
  • 修复了 Diagram Editor 中左右面板工作不正确的问题
  • 修复了自动生成形状和连接线唯一 ID 的问题

版本 2.1.1

2019 年 10 月 11 日发布

修复

  • IE 中 img-card 的问题

版本 2.1

2017 年 5 月 22 日发布

新功能

更新

  • 新增 Hotkeys,用于在编辑器中编辑 Diagram
  • 新增 emptyAreaClick 事件
  • 新增 lineGap 配置选项

版本 2.0

2017 年 2 月 15 日发布

重大变更

API 结构进行了全面重组和改进,以简化使用体验。请查看迁移文章了解所有更改。

新功能

更新

版本 1.1

2017 年 12 月 5 日发布

新功能

更新

版本 1.0

2017 年 9 月 29 日发布

初始功能

  • 组织架构图模式
  • 垂直和水平自动布局策略
  • 从 JSON 加载数据
  • 用于管理数据和分支状态的 API