使用JQuery、js的实现甘特图

最新推荐文章于 2025-04-25 12:54:42 发布

hbwhypw

最新推荐文章于 2025-04-25 12:54:42 发布

阅读量1w

点赞数 1

分类专栏： JQuery 文章标签： jquery javascript structure safari asp.net features

本文链接：https://blog.csdn.net/hbwhypw/article/details/7932922

版权

JQuery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了三款用于创建甘特图的插件，包括轻量级的jQuery.ganttView，支持多种浏览器的jQuery.Gantt及完全免费且易于定制的SIcon Gantt Chart。这些插件均使用JavaScript实现，支持拖拽、调整大小等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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.