代码改变世界

Jordium Gantt Vue3 1.4.3 重磅发布:虚拟渲染 + 虚拟滚动,大数据甘特图正式“无卡顿时代” - 指南

2026-01-01 11:38  tlnshuju  阅读(0)  评论(0)    收藏  举报

Jordium Gantt Vue3 在最新的 1.4.3 版本中迎来了重大更新,本次重点围绕“性能革命”展开。

在项目管理、生产排程、工厂 APS/MES 等场景中,甘特图往往需要承载成千上万级的任务数据,传统渲染方式常常会导致:

  • DOM 数量暴涨

  • 页面滚动卡顿

  • 大数据渲染延迟

  • 拖拽、缩放交互掉帧

为了消除这些痛点,1.4.3 正式引入虚拟滚动(Virtual Scrolling)和虚拟渲染(Virtual Rendering),性能得到几何级提升。


1.4.3 版本核心更新

1. 虚拟滚动全面上线(TaskList + Timeline)

大幅减少 DOM 数量,仅渲染当前可视区域,让滚动丝滑暴增。

2. 虚拟渲染(Virtual Rendering)

按需加载任务节点,避免一次性渲染大量任务。
即使 1 万+ 任务,依旧保持流畅。

3. 大素材加载 Demo 新增

展示如何做到“大资料不卡顿”,独特适合做 APS/MES/项目排程的同学参考。

4. 多项性能优化

  • 大数据渲染管线优化

  • TaskList & Timeline 重绘逻辑精简

  • jsPDF 安全性升级


为什么值得一试?

无论你正在构建的是:

  • 项目管理系统

  • 工厂排程系统

  • 生产管控平台

  • 施工工程进度体系

  • 资源调度系统

只要你的甘特图数据量“大”,这次更新都能带来显著体验提升。


视频演示

Jordium GanttChart v1.4.3


项目地址

Gitee仓库https://gitee.com/jordium/jordium-gantt-vue3

Github仓库https://github.com/nelson820125/jordium-gantt-vue3

在线演示https://nelson820125.github.io/jordium-gantt-vue3

NPMhttps://www.npmjs.com/package/jordium-gantt-vue3


️ 支持我们:参加 Gitee 2025 开源大赛,欢迎为项目投票!

Jordium Gantt Vue3 已参加 Gitee 2025 开源竞赛!
如果你认可我们在开源方案中的持续投入,也欢迎帮忙投一票

投票地址(官方活动页):
https://gitee.com/activity/2025opensource?ident=IOUNZP

你的一票,是大家继续深耕开源甘特图生态的最大动力 ❤️


结语

一次真正意义上的性能飞跃。就是1.4.3
大家希望 Jordium Gantt 能成为 Vue 生态中最适合的甘特图组件。

> 欢迎体验、提出建议、参与贡献,也欢迎到 Gitee 为我们助力!