AhmadHassan-BTed/Jantt

这是什么？

核心功能

• 01将 JSON 任务数据渲染为可拖拽、调整时长和进度的交互式甘特图
• 02计算依赖关系排期、关键路径及浮动时间
• 03提供 React 组件、script 标签包和支持实时文件同步的 CLI
• 04依据已发布的 JSON Schema 校验文档
• 05支持导出 CSV、SVG 和 JSON

适用场景

• 在 React 应用中添加项目时间线视图，无需商业图表库
• 让大模型生成 JSON 格式的项目计划并渲染供审阅
• 在浏览器中查看和编辑保存在 Git 仓库中的 JSON 排期文件
• 在静态 HTML 页面上展示路线图里程碑

快速上手

1. 1

   安装 React 包

   npm install @jantt/react @jantt/core
2. 2

   导入组件及其样式表，然后用你的 JSON 数据渲染

3. 3

   或在普通 HTML 中加载 script 标签版本并调用 render

   <script src="https://unpkg.com/@jantt/standalone"></script>

使用前须知

• !README 未说明已发布稳定 1.0 版本；схема当前为 1.4.0，项目后续可能变动。
• !多用户 CRDT 协作和挣值管理（EVM）等高级功能仅在 README 中提及，未说明具体配置方法。

标签

常见问题

Jantt 是什么？

零运行时依赖的 TypeScript 甘特图引擎，可将 JSON 项目数据渲染为可拖拽的交互式时间线。 Jantt 接收描述任务、日期、依赖关系、里程碑和分类的 JSON 文档，并将其渲染为可交互的甘特图。核心包 @jantt/core 使用纯 TypeScript 实现，没有运行时依赖，可作为 React 组件使用，也可通过 script 标签在普通 HTML 页面中引入，还提供 Node.js CLI，可在浏览器中打开 JSON 文件并与磁盘双向同步。

Jantt 可以免费使用吗？用的什么许可证？

Jantt 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

Jantt 还在维护吗？

活跃维护中。Jantt 最近一次提交是在 2026年10月16日。

Jantt 适合用来做什么？

在 React 应用中添加项目时间线视图，无需商业图表库 让大模型生成 JSON 格式的项目计划并渲染供审阅 在浏览器中查看和编辑保存在 Git 仓库中的 JSON 排期文件 在静态 HTML 页面上展示路线图里程碑

Jantt 怎么安装和运行？

安装 React 包: npm install @jantt/react @jantt/core 导入组件及其样式表，然后用你的 JSON 数据渲染 或在普通 HTML 中加载 script 标签版本并调用 render: <script src="https://unpkg.com/@jantt/standalone"></script>

在哪里获取 Jantt？

源代码和安装说明在 GitHub 上：https://github.com/AhmadHassan-BTed/Jantt