ganttelastic甘特图:如何在一行显示多个任务?
许多用户希望GanttElastic甘特图插件能够在一行显示多个任务,而非默认的单行单任务模式。本文将探讨实现这一目标的多种方案。
用户尝试过将
和
属性设为数组,但未能成功。其代码片段展示了单任务配置及数组尝试失败的例子:
遗憾的是,GanttElastic本身并不直接支持单行多任务显示。其设计理念是每个任务对应甘特图上的一行。 要实现此功能,可考虑以下方案:
嵌套任务:
将多个相关任务组织成一个父任务,父任务占据一行,子任务以缩进或其他方式显示。
自定义渲染:
这需要深入了解Javascript、甘特图渲染机制以及GanttElastic插件源码,难度较高。
使用其他甘特图库:
选择支持单行多任务显示的替代库。
直接修改
和
属性为数组并不能达到预期效果。 需要采用其他方法来实现单行显示多个任务。
startdurationtasks = [
{
id: 1,
label: '卢本伟',
number: '',
spe: '',
start: Date.now() - (24 * 8 * 60 * 60 * 1000), // 开始时间
duration: 1 * 24 * 60 * 60 * 1000, // 持续时间
progress: 100,
type: 'project'
}
];
// 失败尝试
{
...
start: [Date.now() - (24 * 5 * 60 * 60 * 1000), Date.now() - (24 * 8 * 60 * 60 * 1000)],
duration: [1 * 24 * 60 * 60 * 1000, 8 * 24 * 60 * 60 * 1000]
}startduration