用了jQuery的gantt插件加了一个函数
JSGantt.makeInOneRow = function(groups){
for(var i = 0; i < groups.length; i++){
var group = groups[i];
if(group && group.length > 1){
var barWrapper = document.getElementById("childgrid_" + group[0]);
for(var j = 1; j < group.length; j++){
var bar = document.getElementById("bardiv_" + group[j]);
barWrapper.appendChild(bar);
//remove useless row
var wrapper = document.getElementById("childgrid_" + group[j]);
wrapper.parentNode.removeChild(wrapper);
}
}
}
}
使用时
g.AddTaskItem(new JSGantt.TaskItem(11, 'Define Variables', '7/20/2008', '8/14/2008', 'ff00ff', 'http://help.com', 0, 'Brian', 60, 0, 1, 1, '','Caption 1'));
g.AddTaskItem(new JSGantt.TaskItem(12, 'Define Variables', '8/20/2008', '8/24/2008', 'ff00ff', 'http://help.com', 0, 'Brian', 60, 0, 1, 1, '','Caption 1'));
g.AddTaskItem(new JSGantt.TaskItem(21, 'Define Variables', '7/25/2008', '8/5/2008', 'ff00ff', 'http://help.com', 0, 'Brian', 70, 0, 2, 1, '','Caption 1'));
g.AddTaskItem(new JSGantt.TaskItem(22, 'Define Variables', '8/9/2008', '8/20/2008', 'ff00ff', 'http://help.com', 0, 'Brian', 70, 0, 2, 1, '','Caption 1'));
g.AddTaskItem(new JSGantt.TaskItem(31, 'Define Variables', '7/22/2008', '8/10/2008', 'ff00ff', 'http://help.com', 0, 'Brian', 30, 0, 3, 1, '','Caption 1'));
g.Draw();
g.DrawDependencies();
JSGantt.makeInOneRow([[11, 12],[21, 22],[31]]);
完整例子在附件里。
分享到:
相关推荐
jQuery-ganttView 资源甘特图,jQuery-ganttView是基于jQuery,下载后直接运行即可。依赖:jQuery 1.4以上 jQuery-UI 1.8.4以上
JQuery.Gantt是一个开源的基于JQuery库的用于实现甘特图效果的可扩展功能的JS组件库。它既可以图形化行程安排,也可以展示数据分布。使用方法:http://blog.csdn.net/kangrydotnet/article/details/42265539
JQuery Gantt-Demo
JQuery.Gantt是一个开源的基于JQuery库的用于实现甘特图效果的可扩展功能的JS组件库。 我这里是一个实例包,下载即可用;
该资源为改写后的代码,与官网甘特图有差别。 JQuery.Gantt是一个开源的基于JQuery库的用于实现甘特图效果的可扩展功能的JS组件库。
jQuery Gantt官方源码,有demo
JQuery.Gantt,甘特图,js,组件,简单demo,可直接网页打开
JQuery.Gantt 解决了起始日期错位,末尾日期换行的问题,多个不同时间段甘特计划在同一行显示。 JQuery.Gantt 解决了起始日期错位,末尾日期换行的问题,多个不同时间段甘特计划在同一行显示。
前端项目-jQuery.Gantt,jquery甘特图是一个简单的图表,它实现了作为jquery组件的甘特图功能。
jquery 甘特图 支持的浏览器:Chrome、IE8、IE9、IE11、Firefox
此实例包含三个:jquery.ganttView-master、mbielanczuk-jQuery.Gantt-v1.1.0、thegrubbsian-jquery.ganttView-0.8.2.0
源自开源的甘特图组件jquery gantt,加上了拖拽和resize功能,enjoy!
jQuery.Gantt甘特图最小刻度精确到了小时,并带拖拽和调整大小功能
js做的干特图控件 js做的干特图控件 js做的干特图控件 js做的干特图控件 js做的干特图控件
很强大的一个甘特图显示插件
带动态提示的HTML5甘特图,HTML5使用jquery.fn.gantt.js生成甘特图,测试请在服务器环境下,请不要双击HTML打开,或者直接用火狐打开,这样看不到效果,本甘特图带有鼠标悬停提示效果。
一个用于创建甘特图的jQuery插件。 产品特点 可本地化 易于配置 轻量级(5KB压缩文件) 适用于所有主要浏览器,包括IE11 + 兼容性 IE11 +,Edge,Chrome,Firefox,Opera,Safari 安装 NPM npm install jquery....
jQuery Gantt Chart是一个简单的图表,将gantt功能实现为jQuery组件。 它能够: 读取json数据 分页结果 为每个任务显示不同的颜色 显示简短描述作为提示 纪念假期 插件已经过测试,应该可以在以下方面工作: Fire...