jquery：甘特图（gantt）使用总结

1.按照网上步骤引入js文件
2.将星期以及月份汉化
修改jquery.fn.gantt.js的settting配置
dow: [“日”, “一”, “二”, “三”, “四”, “五”, “六”],
months: [“一月”, “二月”, “三月”, “四月”, “五月”, “六月”, “七月”, “八月”, “九月”, “十 月”, “十一月”, “十二月”],
3.使用ajax读取后台数据并展示，代码如下所示：
$.ajax({
url: “/application/zzpt/project/getProjectGanttData”, //请求后台，并返回甘特图需要的json数据
type: “post”,
dataType: “json”,
cache: false, //关闭AJAX缓存
data: {“projectCode”: projectCode}, //传入的查询参数
success: function (data) {
//初始化gantt
$(".gantt").gantt({
source: data,
navigate: ‘scroll’, 底部使用拖拽的刻度尺还是按钮：scroll和buttons
scale: “days”,// 这里是设置默认比例。这里总共有四个参数：months weeks days hours.
maxScale: “months”, // 这里是设置最大比例。这里总共有四个参数：months weeks days hours.
minScale: “days”, // 这里是设置最小比例。这里总共有四个参数：months weeks days hours.
itemsPerPage: 20, //设置甘特图每页显示多少条
onItemClick: function (data) {//有数据范围内的点击事件

                },
                onAddClick: function (dt, rowId) {//无数据范围内的点击事件
                    // alert("Empty space clicked - add an item!");
                },
                onRender: function () {//渲染事件
                    if (window.console && typeof console.log === "function") {
                        // console.log("chart rendered");