DHTMLX Gantt 9.1 的核心目标——在保持稳定性能的基础上,带来更智能的时间刻度优化、更灵活的任务渲染、更高效的实时协作能力及更完善的资源管理功能。

在与众多开发者及企业客户的交流中,全球知名的前端UI控件服务商DHTMLX常常被问到:“下一版甘特图控件(Gantt) 会有哪些新功能?”
事实上,对于像 DHTMLX Gantt 这样成熟且广受欢迎的组件,用户并不期待彻底的变革,而更关注使用体验、灵活度及开发便捷性的提升。
这正是 DHTMLX Gantt 9.1 的核心目标——在保持稳定性能的基础上,带来更智能的时间刻度优化、更灵活的任务渲染、更高效的实时协作能力及更完善的资源管理功能。

DHTMLX Gantt 最新版官方试用下载,请联系DHTMLX官方授权代理商慧都科技

👉 新版本亮点

  • 支持工作时长感知的时间刻度(Workhour-Aware Scale Projection)

  • 提供固定时间刻度列宽(Fixed Column Width)

  • 可针对子任务设置独立显示方式(Per-Child Split Placement)

  • 支持多用户实时协作与外部数据同步(Multi-User Live Updates)

  • 新增Lightbox资源分配控件(Resource Assignment Control)

  • 优化日历配置与自动排程管理

以上功能现已同时适配 JavaScript Gantt Chart 与 React Gantt Chart 版本。


工作时长感知时间刻度:让时间轴更贴近真实工时

在实际项目中,工作日往往是 8 小时(如 09:00–17:00),而传统时间刻度以 24 小时为基准显示。
DHTMLX Gantt v9.1 通过新增 projection 模式,实现基于工时的比例展示,使任务条长度更符合真实的工作时间分布。

支持三种模式:

  • Default:按绝对时间显示(00:00–24:00)

  • Fixed Hours:根据统一工时(如 9:00–18:00)调整

  • Task Calendar:根据任务独立日历计算每日工时

这一改进让时间轴更直观,特别适合多班制、跨部门项目的工时管理场景。


固定列宽时间刻度:让排期布局更可控

过去,时间轴单元格宽度会随容器自适应变化。


v9.1 新增column_width属性,可为底层时间刻度固定列宽(如 60px),确保在大规模项目中保持一致的时间比例显示,便于导出与对齐。


分任务显示模式:灵活掌控任务层级

Gantt v9.新增split_placement属性,让开发者可按需指定子任务的渲染模式:

  • inline:所有子任务在父任务行显示

  • subrow:每个子任务独立显示

  • auto:父任务收起时合并,展开时分行(默认)

这为复杂项目结构的可视化提供了更细粒度的控制。


多用户实时协作与外部数据同步

新版本引入了 remoteEvents 助手,可通过 WebSocket 实现实时协作:

  • 用户操作(新增、移动任务等)通过 REST API 传输至后端

  • 后端广播更新,确保所有用户界面实时同步
    同时也支持接入外部数据源(如 Firebase、Firestore)实现动态数据更新。

这一特性让 DHTMLX Gantt 成为支持多人协同编辑的现代化项目管理解决方案。


Lightbox 新资源分配控件

新版 Lightbox 资源分配模块采用与 Gantt 左侧任务表相同的 Grid 模块结构,支持:

  • 多资源、多阶段分配

  • 可配置列与模板

  • 内联编辑任务与分配时长

这意味着开发者与终端用户都能更轻松地处理人员替换、阶段交接及部分分配任务。


日历配置与自动排程优化

全新的gantt.addCalendar()方法允许在单一配置中定义:

  • 默认工时

  • 特定日期(加班、休息日)

  • 自定义周工作制
    此外,自动排程参数现已整合至统一对象gantt.config.auto_scheduling,配置更集中、逻辑更清晰。


其他优化

  • 提升触控设备(Windows)兼容性

  • 导出 Excel 时支持分任务展示

  • 移除旧版subscalesAPI

慧都科技作为 DHTMLX 官方授权代理商,将持续为中国开发者与企业用户提供产品咨询及正版授权,帮助更多企业通过 DHTMLX 实现 高性能、低成本、可持续的前端系统开发

DHTMLX Gantt 最新版官方试用下载,请联系DHTMLX官方授权代理商慧都科技

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/957728.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

量化选股与量化交易第857篇:通达信主升操盘 - Leone

通达信主升操盘主图多:EMA(C,3),COLORYELLOW; 空:EMA(C,5),COLOR00FF00; 均衡:EMA(空,5),COLORWHITE,; 章鱼1:=COUNT(CROSS(多,均衡),2)=1; 章鱼2:=COUNT(CROSS(空,均衡),2)=1; ZAI:=FILTER(章鱼1 AND 章鱼2,2); DRAWT…

【中大厂前端】Java常见面试题 - 教程

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

量化选股与量化交易第858篇:通达信擒龙三把锁 - Leone

通达信擒龙三把锁主图擒龙锁11:=1; 擒龙锁12:=((((2*C)+HIGH)+LOW) / 4); 擒龙锁14:=LLV(LOW,5); 擒龙锁15:=HHV(HIGH,4); C1:=(EMA((((擒龙锁12-擒龙锁14)/(擒龙锁15-擒龙锁14))*100),4)*擒龙锁11),COLORRED,LINETHIC…

量化选股与量化交易第861篇:通达信绝杀大牛 - Leone

通达信绝杀大牛主图ZYG1:=CONST(LLV((IF(C< 300,(AMOUNT/V/100),EMA(C,1))),2)); ZYG2:=CONST(LLV((IF(C< 300,(AMOUNT/V/100),EMA(C,1))),4)); ZYG3:=EMA(MA(((C-MA(C,13))*100),7),1); ZYG4:=(CROSS(ZYG3,EMA(…

国产化Excel处理控件Spire.XLS教程:使用Java将CSV转换为PDF(含格式设置)

如果能将 CSV 自动转换为 PDF ,就能快速生成清晰、美观的报表,既节省手动排版时间,又能保持数据的专业呈现。本文将介绍如何使用 Spire.XLS for Java 实现这一过程——从加载 CSV 到输出高质量 PDF,仅需数行代码即…

Python 机器学习02 - 常见分类算法

from sklearn.datasets import load_iris from sklearn.model_selection import train_test_split from sklearn.preprocessing import StandardScaler from sklearn.neighbors import KNeighborsClassifier from skle…

系统基础文件属性(二)

系统基础优化知识 (二)系统重要目录介绍: /usr/local --- 存放安装第三方软件程序数据 系统安装部署软件方法:yum 4种安装方式 文件属性详细介绍: 1)文件类型介绍:有哪些文件分类 文件相关命令 2)文件用…

量化选股与量化交易第882篇:通达信量能趋势启动 - Leone

通达信量能趋势启动主图ZYG1:=REF(LOW,1); ZYG2:=SMA(ABS(LOW-ZYG1),3,1)/SMA(MAX(LOW-ZYG1,0),3,1)*100; ZYG3:=EMA(IF(CLOSE>REF(CLOSE,1)*1.02,ZYG2*10,ZYG2/10),3); ZYG4:=LLV(LOW,38); ZYG5:=HHV(ZYG3,38); ZY…

量化选股与量化交易第883篇:通达信顶底雷达 - Leone

通达信顶底雷达副图章鱼:LLV(LOW,10) NODRAW; 鱼哥:HHV(HIGH,25) NODRAW; 章鱼出:=3.2,COLORCYAN; STICKLINE(C>0,3.2,3.2,1,0),COLORFF1199; 清仓卖出:3.5,COLOR0088FF; 章鱼线:=EMA((CLOSE-章鱼)/(鱼哥-章鱼)*4,4…

量化选股与量化交易第878篇:通达信起爆点探测器 - Leone

起爆点探测器主图STICKLINE(C>=O,H,L,0,1), COLORRED; STICKLINE(C>=O,C,O,3,0), COLORRED; STICKLINE(C< O,H,L,0,0), COLORFFFF00; STICKLINE(C< O,C,O,3,0),COLORFFFF00; ZYG9:MA(CLOSE,5); ZYG31:=MA(…

量化选股与量化交易第879篇:通达信强势反转战法 - Leone

通达信强势反转战法主图N1:=20; N2:=60; 鱼哥1:=(LOW+HIGH+CLOSE)/3; X: MA(鱼哥1,5); A1: HHV(X,N1)COLORMAGENTA; A2: HHV(X,N2),COLORGREEN; A3: HHV(HIGH,N2)*0.98,COLOR0000FF; B1: LLV(X,N1); B2: LLV(LOW,N2)*1…

量化选股与量化交易第886篇:通达信收割机 - Leone

通达信收割机主图DRAWTEXT_FIX(1,0.005,0,0,所属风格:),COLORYELLOW; DRAWTEXT_FIX(1,0.06,0,0,FGBLOCK),COLORYELLOW; DRAWTEXT_FIX(1,0.005,0.05,0,所属概念:),COLORMAGENTA; DRAWTEXT_FIX(1,0.06,0.05,0,GNBLOCK),C…

量化选股与量化交易第888篇:通达信龙头趋势量化 - Leone

通达信龙头趋势量化主图DRAWGBK(C>0,RGB(0,10,10),RGB(88,0,0),0,0,0); DRAWGBK(C>0,RGB(40,120,20),RGB(00,00,00),0,0,1); DRAWGBK(C>0,RGB(80,100,120),RGB(00,00,00),0,0,1); DRAWKLINE(HIGH,OPEN,LOW,CL…

【深入理解计算机网络04】通信基础核心知识全解析:从信号原理到物理层设备 - 教程

【深入理解计算机网络04】通信基础核心知识全解析:从信号原理到物理层设备 - 教程pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; fon…

详细介绍:vue3和uniapp的生命周期

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

系统基础文件属性

系统基础优化知识系统重要文件介绍: /etc 目录重要文件信息:配置变量与别名文件 /var 目录重要文件信息: /proc目录重要文件信息:系统重要目录介绍: /usr/local --- 存放安装第三方软件程序数据 系统安装部署软…

DMS Airflow:企业级数据工作流编排平台的专业实践

DMS Airflow 是基于 Apache Airflow 构建的企业级数据工作流编排平台,通过深度集成阿里云 DMS(Data Management Service)系统的各项能力,为数据团队提供了强大的工作流调度、监控和管理能力。本文将从 Airflow 的高…

iOS HTTPS 抓包,从原理到落地排查的工程化方法(Charles / tcpdump / Sniffmaster)

面向开发与运维的 iOS HTTPS 抓包实战:按 TCP→TLS→应用三层排查,列出 Charles/Fiddler、tcpdump、Wireshark、mitmproxy 的职责,提供可复制命令与故障模板,并说明在代理受限或协议边界(QUIC/HTTP3)时如何用替代…

vite-plugin-top-level-await Failed to convert rust `String` into napi `string`

https://github.com/paloitsingapore/spreadjs-vite https://developer.mescius.com/spreadjs/docs/javascript-frameworks/spreadjs-with-individual-modules/spreadjs-with-vite