跳转到主内容
新派编程网 - 新潮编程理念,全新技术课堂!

GanttElastic甘特图如何实现单行显示多个任务?

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
属性为数组并不能达到预期效果。 需要采用其他方法来实现单行显示多个任务。

相关文章