甘特图可以为活动添加多个时间段

时间:2014-01-23 06:13:26

标签: jquery asp.net-mvc gantt-chart

我需要一个可以为特定活动应用多个时隙的jQuery甘特图。但不幸的是,我发现只支持特定活动的单个时隙。如果有人能建议我支持我的要求,我将不胜感激。

感谢。

1 个答案:

答案 0 :(得分:1)

我不确定这是否符合您的条件,但您可能需要查看jQuery.Gantt

您可以为每个源项指定任意数量的值(可选标记的日期时间范围)。图表每行显示一个源项目,每行包含该项目的所有范围。如文档中所示,您作为选项传递的源可以是URL或值对象数组:

// ...
source: [{
    name: "Example",
    desc: "Lorem ipsum dolor sit amet.",
    values: [ ... ]
// ...
}]

values看起来像这样:

values: [{
    from: '2014/01/23', // date can be a string (YYYY/MM/DD ...),
    to: 1392743873913,  // integer (ms), or Date instance
    desc: "Something",
    label: "Example Value",
    customClass: "ganttRed",
    dataObj: foo.bar[i]
}]

示例JSFiddle:http://jsfiddle.net/8FnE9/5/