{"repo":"xpyjs/gantt","free":true,"listed":false,"github":"https://github.com/xpyjs/gantt","clone":"git clone https://github.com/xpyjs/gantt.git","description":"A powerful and flexible Gantt chart component library for developers, written in native JS + Canvas. Supports TypeScript. 中文文档","language":"TypeScript","stars":348,"topics":["gantt","vue","vue3","typescript","vue-gantt","gantt-chart","ganttjs","ganttchart","ganttview","gantt-diagram"],"license":"MIT","category":"ui-components","readme_excerpt":"XGantt [中文] [English] 一个功能强大且灵活的甘特图组件库，原生 JS + Canvas 编写，专为现代 Web 应用程序设计，支持 TypeScript。 关于版本问题 当前版本是全新开发的，如果您只想使用 Vue 版本，我强烈建议您升级到此版本（ @xpyjs/gantt-vue 适用于 Vue3 ）。 如果您正在寻找以前的版本，请参考 origin-vue3 分支。 📖 简介 甘特图是一种项目管理工具，用于展示项目进度、任务分配和资源利用情况。它以时间轴为基础，通过条形图的形式展示项目中各个任务的开始时间、结束时间、持续时间以及它们之间的依赖关系。 XGantt 是一个基于原生 JavaScript 开发的高性能甘特图组件库。它采用 Canvas 技术构建，提供了流畅的用户体验和丰富的功能特性。 ✨ 特性 - 🚀 高性能渲染 ：基于 Konva.js 的 Canvas 渲染引擎，支持大量数据的流畅显示 - 📊 多层级表头 ：支持表头的多层级展示，便于复杂数据的组织和展示 - ⏱️ 多时间单位 ：支持小时、天、周、月、季度等多种时间刻度 - 🔗 任务依赖管理 ：完整的任务依赖关系创建、编辑和可视化 - 🎯 丰富的交互 ：拖拽、缩放、选择、右键菜单等交互功能 - 📅 多层联动 ：支持不同层级之间的数据联动 - 📏 基线支持 ：提供基线功能，用于跟踪项目进度 - 🏁 里程碑 ：支持里程碑标记，便于关键节点的跟踪 - 📊 虚拟滚动 ：支持大数据量的虚拟滚动，保证性能 - 🔄 事件系统 ：完善的事件监听机制，支持业务逻辑集成 - 🖌️ 自定义样式 ：丰富的样式和主题配置 - 🛠️ TypeScript 支持 ：完整的类型定义，提供更好的开发体验 - 📦 多框架支持 ：原生 JavaScript，开箱即用，适配所有框架 - 🌐 国际化支持 ：支持多语言支持 - 📚 全新交互文档 ：文档包含详细的教程、API和示例代码 文档链接 - 🔄 持续更新 ：不定期发布新版本，更新功能，修复已知问题，优化性能等 🎯 功能 核心功能 - 表格视图 ：左侧表格区域，支持自定义合并多行多列 - 时间轴 ：灵活的时间轴配置，支持多种时间单位和自定义时间范围 - 任务管理 ：支持多层级任务结构 - 依赖关系 ：可视化的任务依赖线，支持视图中拖拽添加、删除、管理依赖线 - 进度显示 ：任务进度条显示，支持百分比和自定义样式 交互功能 - 拖拽操作 ：任务条拖拽移动和调整大小 - 鼠标操作 ：支持行、任务条的点击、双击、右键菜单等操作 - 依赖线 ：支持依赖线的创建、编辑和删除 📦 安装 安装核心包 🚀 快速开始 1. 基本使用 2. HTML 结构 3. 配置选项 4. 事件监听 📚 API 参考 XGantt 类 构造函数 - element : 容器元素或选择器 - options : 配置选项 方法 update(options: IOptions): void 动态更新甘特图配置选项。 render(): void 强制渲染视图。 destroy(): void 销毁甘特图实例并清理所有资源。 jumpTo(date?: any): boolean 跳转到指定日期的时间轴位置。 on(event: keyof EventMap, callback: Function): void 注册事件监听器。 配置选项 参考完整的配置选项：IOptions 事件系统 甘特图支持以下事件： 事件名称 参数 描述 ------","default_branch":null,"files":null,"tree":[],"storefront":"/r/xpyjs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/xpyjs/gantt/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}