甘特图

阅读更多

项目进度管理最直观的展现就是甘特图,最近项目需求要在网页中安排任务,管理进度等,故研究了一下甘特图,在网上找到一个关于jQuery做甘特图的插件,写的非常好。

具体地址如下:http://github.com/thegrubbsian/jquery.ganttView

不过该甘特图插件没有现成编辑功能,故有找到一个改版:

http://github.com/nkmrshn/jquery.ganttView

改版后的甘特图可以编辑功能,效果图如下:

 


甘特图_第1张图片
 

具体使用方法如下:

1. 下载文件,目录结果如下:

/example
/lib
jquery.ganttView.js
jquery.ganttView.css

 

2. 代码如下:





jQuery Gantt













Item ID
Item Name
Series ID
Series Name
Start
End
Series Text

 以上代码在/example/index.html 中。

  • thegrubbsian-jquery.ganttView-0.8.2.0-2-g4d9258d.zip (101.4 KB)
  • 下载次数: 345
  • 甘特图_第2张图片
  • 大小: 16.8 KB
  • 查看图片附件

你可能感兴趣的:(jQuery,CSS,JavaScript,UI,项目管理)