在 HighCharts 甘特图中混合类别和子任务?
Mix categories and subtasks in HighCharts Gantt?
我在 HighCharts Gantt 上做了一些试验,我觉得不可能在同一个 'row' 上同时拥有子任务和任务。我错了吗 ?
如您所见,子任务是通过引用其他任务的 ID 实现的,如下所示:
data: [{
id: 'task-1',
...
}, {
id: 'sub-task-1.1',
parent: 'task-1'
...
}]
而 "multiple tasks on one line" 是通过声明 yAxis 类别然后通过索引引用它们来完成的:
yAxis: {
type: 'category',
categories: ['Tech', 'Marketing', 'Sales']
}
以后
data: [{
y: 0
}]
正如我所说,在我看来,同时实现两者是不可能的。我不只是对类别标签的不同样式感兴趣,这可能可以通过一些 CSS 类 来实现,但我想 fold/reveal在同一行中包含多个任务的任务和子任务。
是否可以实现?
您可以使用
在某种程度上做到这一点
yAxis: {
uniqueNames: true
}
然后用数据的name
定义"categories"(完全相同的将在同一个"line"上)。
看到这个 demo 但忽略 "remove" 按钮,因为它用于显示正在发生的一些严重的恶作剧,我还没有找到原因(可能是我的配置,但也许这不是'还没有完全支持。我远不是专家)。
我在 HighCharts Gantt 上做了一些试验,我觉得不可能在同一个 'row' 上同时拥有子任务和任务。我错了吗 ?
如您所见,子任务是通过引用其他任务的 ID 实现的,如下所示:
data: [{
id: 'task-1',
...
}, {
id: 'sub-task-1.1',
parent: 'task-1'
...
}]
而 "multiple tasks on one line" 是通过声明 yAxis 类别然后通过索引引用它们来完成的:
yAxis: {
type: 'category',
categories: ['Tech', 'Marketing', 'Sales']
}
以后
data: [{
y: 0
}]
正如我所说,在我看来,同时实现两者是不可能的。我不只是对类别标签的不同样式感兴趣,这可能可以通过一些 CSS 类 来实现,但我想 fold/reveal在同一行中包含多个任务的任务和子任务。
是否可以实现?
您可以使用
在某种程度上做到这一点yAxis: {
uniqueNames: true
}
然后用数据的name
定义"categories"(完全相同的将在同一个"line"上)。
看到这个 demo 但忽略 "remove" 按钮,因为它用于显示正在发生的一些严重的恶作剧,我还没有找到原因(可能是我的配置,但也许这不是'还没有完全支持。我远不是专家)。