强大js web甘特图制作之数据结构解析
来源:互联网 发布:51单片机代号 编辑:程序博客网 时间:2024/06/05 16:32
EdoGantt只需要一个简单的JSON数据结构,就可以创建并显示一个web gantt。
如下所示:
[
{
UID: 1, //唯一标识符
Name: 'task1', //任务名称
Start: new Date(2009, 1, 2), //开始日期
Finish: new Date(2009, 1, 5), //完成日期
Critical: 1, //关键任务
PercentComplete: 80, //完成百分比
Baseline: [ //比较基准
{
Start: new Date(2009, 1, 2),
Finish: new Date(2009, 1, 3),
Duration: 123
}
]
},
{
UID: 2,
Name: 'task2',
Start: new Date(2009, 1, 2),
Finish: new Date(2009, 1, 3),
Critical: 1,
PercentComplete: 80,
Summary: 1, //摘要
children: [
{
UID: 3,
Name: 'task3',
Milestone: 1, //里程碑
PercentComplete: 100,
Start: new Date(2009, 1, 3),
Finish: new Date(2009, 1, 3),
PredecessorLink: [ //前置任务
{
PredecessorUID: 1, //前置任务UID
Type: 1 //任务相关性类型
}
]
}
]
}
]
甘特图显示的是一个任务树状结构,每个节点就是一个任务,任务属性描述如下:
UID:(必须)String。唯一标识符。是一个任意的字符串或数字,确保任务UID不重复。
Name:(必须)String。任务名称。
Start:(必须)Date。开始日期。
Finish:(必须)Date。完成日期。
PercentComplete:(必须)Number(0~100)。完成百分比。显示为上下居中的进度条。
PredecessorLink:(非必须)Array。前置任务。任务跟任务之间的可以有四种关系:完成-完成(FF) 0,完成-开始(FS) 1,开始-完成(SF) 2,开始-开始(SS) 3。当有前置任务时,根据不同的任务相关性类型,将会显示四种不同的任务箭头连线。
Summary:(非必须)Number(0或1)。摘要任务。当一个任务下有子任务的时候,这个任务就是摘要任务,当Summary为1时,此任务会两端黑色箭头显示。
Critical:(非必须)Number(0或1)。关键任务。当Milestone为1时,显示一个红色条形图。
Milestone:(非必须)Number(0或1)。里程碑。当Milestone为1时,显示一个菱形图标。
Baseline:(非必须)Array。比较基准。用于对比显示实际任务日期和计划日期。当gantt显示组件viewMode为“track”时,显示上下两个任务条形图。
使用以上的示例数据,生成的EdoGantt界面如下:
EdoGantt只要求一个极其精简的基本数据结构,不关心用户的数据从何而来。
用户可以任意组织存储自己的项目数据,无论是服务端是.NET还是JAVA,无论数据库是ORACLE还是MYSQL,无论数据传输方式是JSON还是XML,只需要在创建甘特图的时候,提供一个符合EdoGantt基础数据结构的JS对象,就可以正常使用EdoGantt,开发自己的项目管理系统。
- 强大js web甘特图制作之数据结构解析
- 【Web】html+js 制作小游戏
- 数据结构之红黑树解析
- JS数据结构之---数组
- Web与JS交互一个强大的方法
- 平衡树之Treap—强大的数据结构
- TIF图像数据结构之解析
- 数据结构之KMP算法解析
- Redis解析之集群数据结构
- web服务器之mongoose:数据结构
- JS之预解析
- python模块之argparse:强大的命令行参数解析模块
- js数据结构之链表
- js数据结构之链表
- JS之网页上制作钟表
- COCOS2D - JS 之JSON 解析
- IOS之web JS交互
- web学习笔记之js
- API查询网址
- windows socket编程原理
- IBM的实训结束了
- 关于Ubuntu9.04下 安装netbeans
- 12.6 线程控制_线程私有数据
- 强大js web甘特图制作之数据结构解析
- 个人理论,不信的可以跟帖
- log4j日志存储到数据库
- php数组
- 李开复谈中美创业差异:在中国一切从人开始
- 软件盈利模式
- Binary Search
- Windows内存结构
- 静态构造函数