使用JQuery、js的实现甘特图

1. JQuery plugin  jQuery.ganttView

jQuery.ganttView plugin is a very lightweight plugin for creating a Gantt chart in plain HTML...no vector graphics or images required. The plugin supports dragging and resizing the Gantt blocks and callbacks to trap the updated data. 

网站： https://github.com/thegrubbsian/jquery.ganttView

 

2. JQuery plugin  jQuery.Gantt

 jQuery Gantt Chart is a simple chart that implements gantt functionality as
a jQuery component.
It's able to:
 - Read json data
 - Paging results
 - Display different colours for each task
 - Display short description as hints
 - Mark holidays
Plugin was tested and should work on:
 - Firefox 4+
 - Chrome 13+
 - Safari 5+
 - Opera 9+
 - IE 8+

 

网站： https://github.com/mbielanczuk/jQuery.Gantt

 

3. JavaScript  SIcon Gantt Chart

它是使用最简单的JavaScript和CSS完成的

The first point you will notice about the chart is that it runs very fast.

SIcon Gantt chart is built with JavaScript, which means you can use it in most cases of web development. With me, I like ASP.NET, and of course I can use this component with ASP.NET. Additionally, you can use it with AJAX for cooler applications. You can customize the CSS classes as you like, and get a "good looking" Gantt chart. I will try to add a link to the tasks for describing their relations and also a parent task displayed, as we can see in MS Project.

The Gantt chart is displayed withs HTML giving it a light weight structure, so you can add more features to the chart. For example, tooltip, link, image... with some basic changes within the Jscript code.

And the last one, it is total free.  

 网站：http://www.codeproject.com/Articles/23951/SIcon-Gantt-Chart