新特性
如果您正在将 Diagram 从旧版本升级,请查看 迁移到新版本 了解详细信息。
版本 6.1.6
2026 年 7 月 1 日发布
修复
- Diagram。修复了在
mindmap模式下通过ShapeCollection(DataCollection)向 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配置对象中新增的itemPadding和levelPadding属性,新增了控制形状与层级之间间距的能力
修复
- Diagram。修复了应用自动布局后形状之间距离不正确的问题
- Diagram。修复了调用
autoPlace()时忽略fromSide和toSide连接线取值的问题,确保图表结构保持一致 - 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 日发布
新功能
- 支持根据 Gantt 数据集创建 Diagram PERT 图:
- 新的 PERT 模式,通过新增类型:
"pert"设置 - 新增形状类型:
"task"和"milestone" - 新增分组类型:
"project"(用于对任务和里程碑进行分组)
- 新的 PERT 模式,通过新增类型:
- Diagram Editor。支持在编辑器内管理键盘快捷键(热键):
- 新增的
hotkeys配置属性允许修改或关闭现有热键,并添加新的热键
- 新增的
- Diagram Editor。支持通过一组新事件管理形状的缩放和旋转:
beforeItemResize,afterItemResize,itemResizeEnd,beforeItemRotate,afterItemRotate,itemRotateEnd
更新
- DataCollection API。针对 PERT 模式的更新:
parse()方法的第一个参数可以接受一个包含data和links数组的对象serialize()方法可以返回一个包含data和links数组的对象
- Diagram API。支持为 PERT 模式的任务形状设置日期渲染格式:
typeConfig配置属性新增dateFormat参数
- Diagram/Diagram Editor API。支持定义线条的连接类型:
- Diagram 的
lineConfig配置属性新增connectType参数 - Diagram Editor 的
lineConfig配置属性新增connectType参数
- Diagram 的
- Export API。
pdf()和png()导出函数会返回数据导出的 Promise
修复
- Diagram Editor。在 Safari 浏览器中悬停在形状上后出现的脚本错误
- Diagram Editor。移除项目后出现的控制台警告
关于 AI 集成的新演示
新增示例
- Diagram。PERT 图。初始化
- Diagram 与 Gantt。PERT 图。初始化
- Diagram 与 Gantt。PERT 图。完整集成
- Diagram 与 Gantt。PERT 图。弹出窗口
- Diagram 与 Gantt。PERT 图。自定义形状和样式(自定义 CSS)
- Diagram。PERT 图。不同数据集
- Diagram。PERT 图。筛选/搜索任务
- Diagram。PERT 图。用于任务信息的自定义侧边栏
- Diagram。PERT 图。主题
- Diagram。导出。左下角水印
- Diagram。导出。重复水印
- Diagram。交互式电气原理图
- Diagram Editor 。通过事件管理形状的移动、旋转和缩放
- Diagram Editor。通过 API 管理热键的添加、修改和禁用
- Diagram Editor。鱼骨图。原因与解决方案
- Diagram Editor。鱼骨图。多重原因
版本 6.0.11
2025 年 6 月 18 日发布
修复
- Diagram Editor。缩放时形状移动不正确的问题
版本 6.0.10
2025 年 3 月 10 日发布
修复
- Diagram。编辑线条宽度时调整线条形状箭头大小的问题
版本 6.0.9
2025 年 2 月 4 日发布
修复
- Diagram Editor。移动包含项目的分组以及将项目移入/移出分组时出现的问题
- Diagram。选中形状时不会触发
itemMouseOver和itemMouseOut事件的问题
版本 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 的
calendar、combobox、colorpicker、form、timepicker应用不同语言环境的问题 - 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 的结构和功能进行了重大调整。请查看 迁移文章 以跟上最新版本的步伐。
新功能
- 重构 Diagram Editor:通过
view属性提供与其各部分交互并管理其可见性的能力,该属性包含以下配置:- Toolbar - Diagram Editor 的顶部部分,帮助用户控制编辑过程(参见 API 概述)
- Shapebar - (原 Left panel)Diagram Editor 中用于渲染 Diagram 项目预览的部分(参见 API 概述)
- Editbar - (原 Right panel)Diagram Editor 中允许用户编辑 Diagram 项目的部分(参见 API 概述)。您可以执行以下操作:
- 使用预定义的 Basic controls 和 Complex controls 集合
- 根据给定条件调整 Basic controls 和 Complex controls 的配置
- 根据给定条件动态管理 Editbar 面板(示例)
- 创建自定义控件(示例)
- 创建 HTML 内容(示例)
- Diagram Editor。新增 Copy manager API
- Diagram Editor。支持显示/隐藏 Shapebar、Editbar 和 Toolbar
- Diagram Editor。新增 destructor() 方法
- Diagram Editor。支持隐藏连接点
- Diagram Editor。支持隐藏调整大小的控制点
- Diagram Editor。支持隐藏网格
- 升级 Selection API,支持多选功能
- 线条标题现在被声明为独立对象,通过
lineTitles定义,并拥有各自的配置属性 - 支持新主题:Dark、Light High Contrast 和 Dark High Contrast(示例)
- Diagram Editor。支持通过重新定义 CSS 变量并使用自定义变量来自定义 Shapebar 项目的配色方案
更新
- Diagram Editor。更新了 Locales
- Diagram Editor。扩展了 Hotkeys 列表
- Diagram Editor。改进了 Shapebar 项目被拖到网格时的行为及其外观
- Diagram Editor。
zoomIn/zoomOut事件的回调函数会附带step参数被调用 - Diagram Editor。扩展了
magnetic配置选项的功能 - Diagram Editor。更新了 Editor 对象的移动事件:
afterGroupMove,afterItemCatch,afterItemMove,afterLineTitleMove,afterShapeMove,beforeGroupMove,beforeItemCatch,beforeItemMove,beforeLineTitleMove,beforeShapeMove,groupMoveEnd,itemMoveEnd,itemTarget,lineTitleMoveEnd,shapeMoveEnd - 支持通过 DataCollection API 处理线条标题