javascript - 在 HighCharts 甘特图中混合类别和子任务？

Question

我正在尝试使用 HighCharts 甘特图，我感觉不可能将子任务和任务放在同一“行”上。我错了吗 ？

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
}

然后用数据的名称定义“类别”(那些完全相同的类别将位于同一“行”)。

查看此demo但忽略“删除”按钮，因为它用于显示一些严重的恶作剧发生，我还没有找到原因(可能是我的配置，但也许这还没有得到完美支持。我还远不是专家) .