在HighCharts Gantt中混合类别和子任务吗？

Question

我对HighCharts Gantt进行了一些试验，感觉无法将子任务和任务都放在同一“行”上。我错了吗 ？

Subtask demo

Task on same line demo

如您所见，子任务是通过引用其他任务的ID来实现的：

data: [{
    id: 'task-1',
    ...
  }, {
    id: 'sub-task-1.1',
    parent: 'task-1'
    ...
  }]

“一行上有多个任务”是通过声明yAxis类别，然后按索引引用它们来完成的：

yAxis: {
    type: 'category',
    categories: ['Tech', 'Marketing', 'Sales']
}

及以后

data: [{
    y: 0
}]

正如我所说，在我看来，实现这两者是不可能的。我不仅对类别标签具有不同的样式感兴趣，这可能可以通过某些CSS类来实现，但我想折叠/显示任务以及在同一行中包含多个任务的子任务

。

可以实现吗？

Answer 1

您可以使用

yAxis: {
    uniqueNames: true
}

，然后用数据的name定义“类别”（具有完全相同的类别将在同一“行”上）。

请参见此demo，但请忽略“删除”按钮，因为该按钮用于显示一些严重的恶作剧，但我尚未找到原因（可能是我的配置，但可能尚不完全支持） 。我远非专家。