Skip to content
Yotsuba Gantt跨端高性能甘特图组件
真实产品界面把复杂排期变成可操作的时间轴
双图实时联动、逐行边缘导航、依赖关系与密集数据聚焦，都在同一套可验证的工作流中。
Yotsuba Gantt 四叶草甘特图
面向项目计划、研发排期与跨团队交付的跨端甘特图组件。它把轻量运行时、可预测性能与完整扩展契约放在首位，动效只在不影响交互和帧率时参与表达。
轻量
Core 零运行时依赖；React 组件约 6.57 kB gzip JS。
快速
行与时间列双向虚拟化，10,000 条任务仍保持约一千个 DOM 节点。
专业
六档维度、依赖线、层级任务、拖放缩放、自动聚焦与多图联动。
开放
Vue Slots、React Render Props、Resolver、CSS 变量与 Flutter Builder 覆盖主要扩展面。
阅读入口
按你的目标开始
不需要先通读全部文档。先完成当前任务，再进入下一层 API 和性能说明。
安装后直接进入业务代码
Vue、React 与框架无关 Core 发布到 npm；Flutter 使用原生 Widget 发布到 pub.dev。
Vue 3
pnpm add @iyotsuba/gantt-vue@alpha @iyotsuba/gantt-core@alphaReact 18 / 19
pnpm add @iyotsuba/gantt-react@alpha @iyotsuba/gantt-core@alphaFlutter
flutter pub add yotsuba_gantt能力索引
按产品问题查找能力
把组件能力拆成可验证的工作流，配置、事件、实例方法和扩展点都能从对应章节进入。
10,000 条任务仍然可工作
虚拟化、逐帧滚动合并、密度桶聚焦与 Viewport Activity Budget 共同控制渲染和动效成本。
| 场景 | DOM 节点 | 平均帧间隔 | P95 | Long Task |
|---|---|---|---|---|
| 10,000 条本地任务 | 1,034 | 8.22 ms | 10.5 ms | 0 |
当前发布
三端包与可安装演示
Web 包从 npm 接入，Flutter 包从 pub.dev 接入；Flutter 独立仓库提供开源演示项目和 Android APK。