<!DOCTYPE html>
<html lang="en">
<head>
<title>Gantt</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
<link href="css/style.css" type="text/css" rel="stylesheet">
<style type="text/css">
body {
font-family: 微软雅黑;
font-size: 12px;
padding: 0 0 50px 0;
}
.contain {
width: 100%;
margin: 0 auto;
}
</style>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.fn.gantt.js"></script>
</head>
<body>
<div class="contain">
<div class="gantt1"></div>
</div>
<script>
$(function() {
$(".gantt1").gantt({
source: [{
name: "环节一 ",
desc: "环节描述",
values: [{
from: "/Date(1320192000000)/",
to: "/Date(1320940800000)/",
label: "id12+ganttRed",
customClass: "11111111111"
}]
},{
name: "环节二",
desc: "环节描述",
values: [{
from: "/Date(1321113600000)/",
to: "/Date(1321977600000)/",
label:"id2+ganttGreen",
customClass: "222222222222222"
}]
},{
name: "环节三",
desc: "环节描述",
values: [{
from: "/Date(1321113600000)/",
to: "/Date(1321977600000)/",
label:"id2+ganttOrange",
customClass: "222222222222222"
}]
},{
name: "环节四",
desc: "环节描述",
values: [{
from: "/Date(1321113600000)/",
to: "/Date(1321977600000)/",
label:"id2+ganttGray",
customClass: "222222222222222"
}]
},{
name: "环节五",
desc: "环节描述",
values: [{
from: "/Date(1322582400000)/",
to: "/Date(1324828800000)/",
label: "id3+ganttBlue",
customClass: "3333333333333333333333333333333",
}]
}],
waitText:"数据加载中",
navigate: "scroll",
maxScale: "days",
minScale:"days",
months: ["1月","2月", "3月","4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
dow:["日", "一", "二", "三", "四", "五", "六"],
itemsPerPage: 10,
onItemClick: function(data) {
alert(data);
},
onAddClick: function(dt, rowId) {
alert(dt);
},
onDataLoadFailed: function(data) {
alert("数据加载失败!")
}
});
});
</script>
</body>
</html>
gantt甘特图插件
4星 · 超过85%的资源 需积分: 46 63 浏览量
2017-11-30
12:29:54
上传
评论
收藏 205KB ZIP 举报
小米八笔
- 粉丝: 2
- 资源: 4
最新资源
- 词根单词 2.2.4 修改版.apk
- 111111111111111111
- 咪视界.apk
- canny-edge-detection.zip
- C语言期末大作业之实现成语连连看.zip
- C语言期末大作业之实现扫雷游戏.zip
- C语言期末大作业之图书信息管理系统实现-基于Dev-C++实现.zip
- tensorflow-rocm-2.13.1.600-cp39-cp39-manylinux2014-x86-64.whl
- tensorflow-gpu-2.7.0-cp39-cp39-manylinux2010-x86-64.whl
- C语言期末大作业之图书信息管理系统实现-基于VivualStudio实现.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈