游客无体验权限,请先登录。
授权微博登录
授权Github登录
···

甘特图在线编辑工具

功能概要

  • 当前日期用垂直的红线表现:
    • 红线左边表现项目用掉的时间。
    • 右边表现项目剩余时间。
  • 可视化单个任务完成情况:
    • 已完成的任务,使用绿色实心条状图表现。
    • 进行中的任务,使用蓝色实心表现该任务已完成的部分,空心表示未完成部分。
    • 未开始的任务,空心条状图表现。
  • 生成线下可用的甘特图片
    • 所见即所得的甘特图。
    • 高级定制丰富的附加信息。
  • 理论上无限量的创建任务
  • 支持导入/导出结构化的JSON格式数据
  • 新功能追加中… …

作品状态

  • 想法 ✅
  • 可行性研究 ✅
  • 试验代码大量输出 ✅
  • 体验设计优化 ✅
  • 作品基本成型 ✅
  • 优化上述过程产生的未知问题 ✅
  • 漫长而无限期的持续改进 ⌛️

主要功能演示

  • 修改起止日期
  • 创建任务
  • 拖拽即时更新任务起/止日期
  • 生成可线下浏览与打印的图片

参考链接:

视频加载中...
《甘特图在线编辑工具》使用指南
雷达扫描动效

基于Airglass.js

我是我的作品

个人简历

一直在路上

心上到路上的“旅行”

待办事项

由原生JS实现的视图组件

项目管理平台

基于Vue.js

甘特图在线编辑

基于Airglass.js

Blender3D模型渲染

基于Three.js渲染

元胞自动机

基于Airglass.js

JS原型链可视化

基于Airglass.js

重构图像在线标注

基于Airglass.js

图像在线标注工具

基于原生Canvas实现

极坐标地图

Canvas缓动动画实验

类星系关系可视化

Canvas交互事件触发

趣玩周易64卦

国学小项目

日程计划组件

基于React.js

家谱可视化

基于Airglass.js

Airglass.js官方API

我的Canvas库使用参考