博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

分享一个Web甘特图

Posted on 2012-12-27 20:11  MiniUI技术博客  阅读(4895)  评论(3编辑  收藏  举报

普加甘特图是WEB甘特图首选解决方案。适用于构建项目管理、生产排程等进度计划管理软件。支持任意开发平台和数据库。它是JavaScript开发的,无需安装插件,跨浏览器运行。

基本特性

  • JavaScript实现,无需安装插件
  • 支持Java、.Net、Php等服务端,支持任意数据库
  • 能与jQuery、ExtJS、YUI、Dojo等第三方框架无缝集成
  • 兼容IE6+、FireFox、Chrome、Safari等主流浏览器
  • 支持导入、导出微软Project项目文件

效果图:

Web甘特图

核心功能:

  • 高性能:支持大数据量。
  • 跟踪甘特图:显示计划与实际日期对比。
  • 关键路径显示
  • 自定义列:支持String、Boolean、Date、Number、Array等多种数据类型。
  • 支持4种任务关系:SS、SF、FF、FS。
  • 权限编辑控制:可根据权限精确控制单元格编辑、条形图拖拽。
  • 懒加载显示:通过分级加载模式,能支持超大数据量显示。
  • 单元格编辑:支持TextBox、Spinner、DatePicker、ComboBox、TreeSelect以及自定义编辑器。
  • 可拖拽调节条形图
  • 丰富的时间线刻度:支持年、半年、季度、月、周、日、时、分、秒。
  • 支持右键菜单:可以控制右键菜单项是否显示、是否禁用。
  • 无需安装浏览器插件
  • 跨浏览器支持:支持IE6+、FireFox、Opera、Chrome、Safari。
  • 跨服务端平台支持:支持.Net、Java、PHP、ASP等开发平台。
  • 语言本地化:轻松实现多国语言本地化,如英语、汉语、日语、德语、法语等任何语言。
  • 与第三方框架集成:能轻松与jQuery、ExtJS、YUI、Prototype.js等无缝集成。

功能示例:


甘特图效果截图如下:
 
基本甘特图
Web甘特图

排程甘特图: 左侧表格区,单元格右上角红色三角块,表示被修改。
排程甘特图

跟踪甘特图:实现实际与计划日期的对比。
跟踪甘特图

关键路径甘特图:关键路径的工期决定了整个项目的工期。
关键路径甘特图

任务面板
任务面板

项目日历面板
日历面板

多国语言本地化
多国语言本地化