Skip to content
Vue · React · FlutterPUBLIC ALPHA · 可安装

Yotsuba Gantt

让复杂排期保持清晰、快速、可控。

面向真实项目计划的跨端甘特图组件:共享时间轴语义,提供双向虚拟化、多图联动与完整扩展契约。

Core 零运行时依赖10,000 条任务实测
Yotsuba Gantt 真实桌面视口,完整展示双甘特图、周刻度、任务进度与依赖关系
1,034
DOM 节点
8.22 ms
平均帧
0
Long Task
核心承诺

为真实排期建立稳定的工程底座

从时间轴算法到跨框架 API,每一层都围绕轻量、稳定和可扩展建立清晰边界,并保留宿主应用的控制权。

0
Core 运行时依赖
日期、刻度与联动协议独立运行
10K
本地任务实测
行列双向虚拟化控制 DOM 数量
6
时间维度
年、季、月、周、日、时
3
平台实现
Vue、React 与 Flutter
阅读入口

从当前要解决的问题开始

无需先通读全部 API。选择当前接入目标,再逐步进入联动、扩展与性能设计。

  1. 01渲染第一个甘特图准备最小任务数据,完成 Vue、React 或 Flutter 的首次接入。5 分钟开始
  2. 02组织复杂工作区同步多个甘特图的日期与维度,或让每个实例完全独立。理解联动协议
  3. 03接入大规模数据验证 10K 虚拟化,并通过可见范围事件接入远程窗口数据。查看性能边界
安装

选择平台,在业务代码中开始

Web 包通过 npm 安装,Flutter Widget 通过 pub.dev 安装;三端保持一致的数据边界与时间轴语义。

能力索引

按业务问题定位扩展入口

配置、事件、实例方法与扩展契约都有明确归属,避免关键能力散落在不完整的示例中。

可验证发布

基准、版本与源码均可独立核验

不以“高性能”作为空泛结论。测试口径、Registry 版本、源码与可安装演示均提供独立入口。

MIT License · Vue / React / Flutter