ganttelastic甘特图：如何在一行显示多个任务？
许多用户希望GanttElastic甘特图插件能够在一行显示多个任务，而非默认的单行单任务模式。本文将探讨实现这一目标的多种方案。
用户尝试过将start和duration属性设为数...
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属性为数组并不能达到预期效果。 需要采用其他方法来实现单行显示多个任务。
以上就是GanttElastic甘特图如何实现单行显示多个任务？的详细内容，更多请关注知识资源分享宝库其它相关文章！
版权声明
本站内容来源于互联网搬运，
仅限用于小范围内传播学习，请在下载后24小时内删除，
如果有侵权内容、不妥之处，请第一时间联系我们删除。敬请谅解!
E-mail：dpw1001@163.com
![如何将JS数组对象格式从{toolName, normName, timeRange, value}转换为{toolName: [{normName, timeRange[], value[]}]}？（数组.转换为.如何将.对象.格式.....）](http://supengwang.com/zb_users/theme/ydit/include/random/2.jpg)
发表评论