Сгруппируйте вертикально и горизонтально в HighCharts Gantt

Question

Я пытаюсь сделать, по-видимому, простую вещь - группировать задачи по горизонтали и вертикали. Я следовал следующей официальной документации: https://www.highcharts.com/docs/gantt/gantt-grouping-tasks

Но, в моей скрипке ниже, разделы задачи даже не появляются в моей задаче "приемочных испытаний". Мой вариант следующий:

Highcharts.ganttChart('container', {
  title: {
    text: 'Grouping in a hierarchy'
  }, 

  series: [{
    name: 'Project 1',
    data: [
      {
        // parent task
        name: 'Product Launch',
        id: 'launch',        
        // hide the subtasks
        // collapsed: true

        // use a smaller pointwidth for the parent task 
        pointWidth: 3
      }, {
        parent: 'launch',
        id: 'b',
        name: 'Develop',
        "start": 1560902400000,
            "end": 1561075200000
      }, {
        parent: 'launch',
        id: 'a',
        name: 'Run acceptance tests',
            data:[{start: 1560902400000,
            end: 1561075200000},{start: 1561507200000,
            end: 1561680000000}]


      }
    ]
  }]
});

https://jsfiddle.net/rdvaqgkh/

Есть идеи, почему это происходит? Спасибо!

Answer 1

Вы не можете таким образом вкладывать данные. Чтобы иметь много точек в одном ряду, вам нужно установить yAxis.uniqueNames в true и определить точки с тем же именем:

yAxis: {
    uniqueNames: true
},

series: [{
    data: [{
        // parent task
        name: 'Product Launch',
        id: 'launch',
        ...
    }, {
        parent: 'launch',
        id: 'b',
        name: 'Develop',
        ...
    }, {
        parent: 'launch',
        id: 'a',
        name: 'Run acceptance tests',
        ...
    }, {
        parent: 'launch',
        id: 'b',
        name: 'Run acceptance tests',
        ...
    }]
}]

Демонстрационная версия: https://jsfiddle.net/BlackLabel/9en0zq3L/

Справочник по API: https://api.highcharts.com/gantt/yAxis.uniqueNames