python动态横道图_jQuery甘特图/日程图/横道图/插件

基于JQ的一款灵活高效，支持自定义拓展的甘特图/日程图插件

支持月/周/小时等显示方式支持拖动改变时间展开与收起添加/删除，刷新节假日高亮 clicked，dblClicked，changed事件 ...

调用方式：

$("#ganttChart").ganttView({

ganttScale: "hours",// months weeks days hours

showWeekends: true, //是否现在周末高亮

showLine: true,//是否显示当前时间线(为"周"时显示背景颜色)

data: ganttData2, //数据来源

vtHeaderWidth: 300,//左侧任务模块宽度

cellWidth: 50, //格子宽度(ganttScale = hours/weeks:宽度重新计算最小为50)

cellHeight: 40,//格子行高

titileHeight: 40,//标题行高

start: new Date(2019, 06, 14), //范围最小时间(请根据 ganttScale 参数调节初始时间范围)

end: new Date(2019, 06, 20), //范围最大时间

slideWidth: '100%',//甘特图宽度

excludeWeekends: true,//排除星期的最后一天

showDayOfWeek: true,//是否显示星期

showHolidays: false,//显示节假日

excludeHolidays: false,//排除节假日

gridHoverL:true,//是否显示鼠标移入效果(列)

gridHoverH:true,//是否显示鼠标移入效果(行)

isUnfold:true,//模块下任务超过2条显示展开收起按钮

unfoldConfig:false,//初始化展开/收起(模块下任务超过2条显示展开收起按钮) true:收起

clicked: function (o) {

selectedObj = o;

var data = selectedObj.data('block-data');

var itemName = data.itemName ? data.itemName : "";

var seriesName = data.seriesName ? data.seriesName : "";

var text = data.text ? data.text : "";

var sYYYY = data.start.getYear();

sYYYY = sYYYY < 1000 ? sYYYY + 1900 : sYYYY;

var sMM = data.start.getMonth() + 1;

var sDD = data.start.getDate();

var eYYYY = data.end.getYear();

eYYYY = eYYYY < 1000 ? eYYYY + 1900 : eYYYY;

var eMM = data.end.getMonth() + 1;

var eDD = data.end.getDate();

$('#ganttData-item-id').val(data.itemId);

$('#ganttData-item-name').val(itemName);

$('#ganttData-series-id').val(data.seriesId);

$('#ganttData-series-name').val(seriesName);

$('#ganttData-series-start').val(sYYYY + "/" + sMM + "/" + sDD);

$('#ganttData-series-end').val(eYYYY + "/" + eMM + "/" + eDD);

$('#ganttData-series-text').val(text);

console.log(`${data.itemId} ${itemName} ${data.seriesId} ${seriesName} ${sYYYY + "/" + sMM + "/" + sDD} ${eYYYY + "/" + eMM + "/" + eDD}`)

dblClicked: function (o) {

if (selectedObj == null) { return; }

if (selectedObj.data('block-data').seriesId == o.data('block-data').seriesId) {

$('#ganttData-reset').trigger("click");

}

changed: function (o) {

o.trigger("click");

}

});

注意事项：

支持月，周，小时

选择月时，注意调整start/end时间(时间月份默认从0开始)

选择周/小时，插件自动忽略年份与月份

插件支持模块下任务超过2条数据自动显示展开/收起按钮

插件支持节假日Holidays表格高亮，excludeHolidays:true

cellWidth表格宽度(ganttScale = hours/weeks:宽度重新计算最小为50) 避免未撑满整个屏幕

showLine是否显示当前时间节点(小时为线条展示，周/月为表格高亮)

关于版本问题(jquery-ui-1.8.2/jquery-1.4.2)JQ版本可为高版本，JQ-ui版本暂不支持高版本

图表上所有样式可自定义或取消

python动态横道图_jQuery甘特图/日程图/横道图/插件相关推荐

python动态横道图_Python数据可视化：甘特图画法
大家好,我是一名Python数据分析师,我想把自己转行成功之路上的经验分享给大家,由此就有了我的人工智能四部曲:<15天学会Python编程>.<每天10分钟,用Python学数据分 ...
python动态横道图_python的matplotlib.pyplot绘制甘特图
博主本来就想简单地找一下代码,画一幅甘特图,结果百度之后发现甘特图的代码基本都不是用matplotlib库,但是像柱状图等统计图通常都是用这个库进行绘制的,所以博主就花了一些时间,自己敲了一份代码,简 ...
python动态横道图_详细解说Python使用Plotly绘图工具，绘制甘特图
今天来讲一下如何使用Python 的绘图工具Plotly来绘制甘特图的方法甘特图大家应该了解熟悉,就是通过条形来显示项目的进度.时间安排等相关情况的. 我们今天来学习一下,如何使用ployly来绘制 ...
2021-07-14 PMP 横道图、网络图、看板、燃尽图了解
横道图(甘特图) 甘特图是以图示的方式,并通过活动列表和时间刻度,来形象地表示出某些特定项目的活动顺序和持续时间网络图项目进度活动之间的逻辑关系看板 https://www.cnblogs.co ...
Python动态图见得多了？Excel：亦可赛艇！我可是身经百战了
作者:Ryoko量子来源:凹凸数据朋友圈又看到 Python 广告推送了,什么"你还在用 Excel 加班啊"."我一进去就看见 Python 在打 Excel 啊& ...
excel自动排班表_中建最新版施工计划进度横道图，一键自动生成，横道图从此不用愁...
中建最新版施工计划进度横道图,一键自动生成,横道图从此不用愁横道图,是一种非常实用的图表类型.施工进度计划的制定在工程项目里是很重要的,这可以大大提高施工单位的管理水平,是项目施工必备.作为一个在工 ...
python动态图的绘制和保存
前言这段时间要做一个涉及排队论的数学建模,需要动态绘图.建好了模,却没想到在原以为简单的绘图上耗费了我大量时间.原因在于用python作动态绘图的参考资料过于琐碎.因此在我费了九牛二虎之力终于实现动 ...
python绘制动态模拟图-如何利用Python动态模拟太阳系运转
前言提到太阳系,大家可能会想到哥白尼和他的日心说,或是捍卫.发展日心说的斗士布鲁诺,他们像一缕光一样照亮了那个时代的夜空,对历史感兴趣的小伙伴可以深入了解一下,这里就不多说了. 太阳以巨大的引力使周 ...
项目进度计划甘特图_甘特图做项目进度计划的技巧？
原标题:甘特图做项目进度计划的技巧? 甘特图怎么做项目进度计划?首先我们先了解一下,什么是甘特图. 甘特图(Gantt chart)又称为横道图.条状图(Bar chart),是由提出者亨利·L·甘特 ...

python动态横道图_jQuery甘特图/日程图/横道图/插件

python动态横道图_jQuery甘特图/日程图/横道图/插件相关推荐

最新文章

热门文章