ganttelastic甘特图:如何在一行显示多个任务?
许多用户希望GanttElastic甘特图插件能够在一行显示多个任务,而非默认的单行单任务模式。本文将探讨实现这一目标的多种方案。
用户尝试过将start和duration属性设为数组,但未能成功。其代码片段展示了单任务配置及数组尝试失败的例子:
tasks = [
{
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]
}
遗憾的是,GanttElastic本身并不直接支持单行多任务显示。其设计理念是每个任务对应甘特图上的一行。 要实现此功能,可考虑以下方案:
一套面向小企业用户的企业网站程序!功能简单,操作简单。实现了小企业网站的很多实用的功能,如文章新闻模块、图片展示、产品列表以及小型的下载功能,还同时增加了邮件订阅等相应模块。公告,友情链接等这些通用功能本程序也同样都集成了!同时本程序引入了模块功能,只要在系统默认模板上创建模块,可以在任何一个语言环境(或任意风格)的适当位置进行使用!
- 嵌套任务: 将多个相关任务组织成一个父任务,父任务占据一行,子任务以缩进或其他方式显示。
- 自定义渲染: 这需要深入了解Javascript、甘特图渲染机制以及GanttElastic插件源码,难度较高。
- 使用其他甘特图库: 选择支持单行多任务显示的替代库。
直接修改start和duration属性为数组并不能达到预期效果。 需要采用其他方法来实现单行显示多个任务。










