DHTMLX Gantt 9.1 的核心目标——在保持稳定性能的基础上，带来更智能的时间刻度优化、更灵活的任务渲染、更高效的实时协作能力及更完善的资源管理功能。
<p>在与众多开发者及企业客户的交流中，全球知名的前端UI控件服务商<strong>DHTMLX</strong>常常被问到：“下一版甘特图控件（Gantt） 会有哪些新功能？”<br>事实上，对于像<strong> DHTMLX Gantt</strong> 这样成熟且广受欢迎的组件，用户并不期待彻底的变革，而更关注使用体验、灵活度及开发便捷性的提升。<br>这正是 <strong>DHTMLX Gantt 9.1</strong> 的核心目标——在保持稳定性能的基础上，带来更智能的时间刻度优化、更灵活的任务渲染、更高效的实时协作能力及更完善的资源管理功能。</p><p style="text-align: center"><span style="color: rgba(230, 126, 35, 1)"><strong>DHTMLX Gantt 最新版官方试用下载，请联系DHTMLX官方授权代理商慧都科技</strong></span></p>
<p>👉 <strong>新版本亮点</strong></p>
<ul>
<li>
<p>支持<strong>工作时长感知的时间刻度（Workhour-Aware Scale Projection）</strong></p>
</li>
<li>
<p>提供<strong>固定时间刻度列宽（Fixed Column Width）</strong></p>
</li>
<li>
<p>可针对子任务设置独立显示方式（Per-Child Split Placement）</p>
</li>
<li>
<p>支持<strong>多用户实时协作与外部数据同步（Multi-User Live Updates）</strong></p>
</li>
<li>
<p>新增<strong>Lightbox资源分配控件（Resource Assignment Control）</strong></p>
</li>
<li>
<p>优化<strong>日历配置与自动排程管理</strong></p>
</li>
</ul>
<p>以上功能现已同时适配 <strong>JavaScript Gantt Chart</strong> 与 <strong>React Gantt Chart</strong> 版本。</p>
<hr>
<h3><strong>工作时长感知时间刻度：让时间轴更贴近真实工时</strong></h3>
<p>在实际项目中，工作日往往是 8 小时（如 09:00–17:00），而传统时间刻度以 24 小时为基准显示。<br><strong>DHTMLX Gantt v9.1 </strong>通过新增 <strong>projection 模式</strong>，实现基于工时的比例展示，使任务条长度更符合真实的工作时间分布。</p>
<p>支持三种模式：</p>
<ul>
<li>
<p><strong>Default</strong>：按绝对时间显示（00:00–24:00）</p>
</li>
<li>
<p><strong>Fixed Hours</strong>：根据统一工时（如 9:00–18:00）调整</p>
</li>
<li>
<p><strong>Task Calendar</strong>：根据任务独立日历计算每日工时</p>
</li>
</ul>
<p><img src="https://image.evget.com/attachment/keditor/image/20251106/102507_2.gif"></p>
<p>这一改进让时间轴更直观，特别适合多班制、跨部门项目的工时管理场景。</p>
<hr>
<h3><strong>固定列宽时间刻度：让排期布局更可控</strong></h3>
<p>过去，时间轴单元格宽度会随容器自适应变化。</p>
<p><img src="https://image.evget.com/attachment/keditor/image/20251106/102537_5.gif"><br>v9.1 新增column_width属性，可为底层时间刻度固定列宽（如 60px），确保在大规模项目中保持一致的时间比例显示，便于导出与对齐。</p>
<hr>
<h3><strong>分任务显示模式：灵活掌控任务层级</strong></h3>
<p><strong>Gantt v9.</strong><strong>1 </strong>新增split_placement属性，让开发者可按需指定子任务的渲染模式：</p>
<ul>
<li>
<p>inline：所有子任务在父任务行显示</p>
</li>
<li>
<p>subrow：每个子任务独立显示</p>
</li>
<li>
<p>auto：父任务收起时合并，展开时分行（默认）</p>
</li>
</ul>
<p><img src="https://image.evget.com/attachment/keditor/image/20251106/102626_8.gif"></p>
<p>这为复杂项目结构的可视化提供了更细粒度的控制。</p>
<hr>
<h3><strong>多用户实时协作与外部数据同步</strong></h3>
<p>新版本引入了 <strong>remoteEvents 助手</strong>，可通过 WebSocket 实现实时协作：</p>
<ul>
<li>
<p>用户操作（新增、移动任务等）通过 REST API 传输至后端</p>
</li>
<li>
<p>后端广播更新，确保所有用户界面实时同步<br>同时也支持接入外部数据源（如 Firebase、Firestore）实现动态数据更新。</p>
</li>
</ul>
<p>这一特性让 <strong>DHTMLX Gantt</strong> 成为支持多人协同编辑的现代化项目管理解决方案。</p>
<hr>
<h3><strong>Lightbox 新资源分配控件</strong></h3>
<p>新版 Lightbox 资源分配模块采用与 Gantt 左侧任务表相同的 Grid 模块结构，支持：</p>
<ul>
<li>
<p>多资源、多阶段分配</p>
</li>
<li>
<p>可配置列与模板</p>
</li>
<li>
<p>内联编辑任务与分配时长</p>
</li>
</ul>
<p><img src="https://image.evget.com/attachment/keditor/image/20251106/102719_2.png"></p>
<p>这意味着开发者与终端用户都能更轻松地处理人员替换、阶段交接及部分分配任务。</p>
<hr>
<h3><strong>日历配置与自动排程优化</strong></h3>
<p>全新的gantt.addCalendar()方法允许在单一配置中定义：</p>
<ul>
<li>
<p>默认工时</p>
</li>
<li>
<p>特定日期（加班、休息日）</p>
</li>
<li>
<p>自定义周工作制<br>此外，自动排程参数现已整合至统一对象gantt.config.auto_scheduling，配置更集中、逻辑更清晰。</p>
</li>
</ul>
<hr>
<h3><strong>其他优化</strong></h3>
<ul>
<li>
<p>提升触控设备（Windows）兼容性</p>
</li>
<li>
<p>导出 Excel 时支持分任务展示</p>
</li>
<li>
<p>移除旧版subscalesAPI</p>
</li>
</ul>
<p>慧都科技作为 <strong>DHTMLX 官方授权代理商</strong>，将持续为中国开发者与企业用户提供产品咨询及正版授权，帮助更多企业通过 DHTMLX 实现 <strong>高性能、低成本、可持续的前端系统开发</strong>。</p>
<p style="text-align: center"><span style="color: rgba(230, 126, 35, 1)"><strong>DHTMLX Gantt 最新版官方试用下载，请联系DHTMLX官方授权代理商慧都科技</strong></span></p><br><br>
来源：https://www.cnblogs.com/software-Development/p/19196379
頁:
[1]