'What is the gantt chart "type" in Anychart?

I'm relatively new to React and I am trying to build a gantt chart using Anychart.

It seems pretty straight forward for other chart types, but I cannot work out what 'chart type' is needed for a gantt chart.

For example, I took the data from their site and just tried to plot it on a gantt chart:


function GanntChart() {

  const myData = [
    { name: 'Root', children: [
      { name: 'Parent 1', children: [
        { name: 'Child 1-1', value: 150000000 },
        { name: 'Child 1-2', value: 45000000 },
        { name: 'Child 1-3', value: 3200000 }
      ] },
      { name: 'Parent 2', children: [
        { name: 'Child 2-1', value: 55000000 },
        { name: 'Child 2-2', value: 10600000 },
        { name: 'Child 2-3', value: 5200000 }
      ] },
      { name: 'Parent 3', children: [
        { name: 'Child 3-1', value: 21000000 },
        { name: 'Child 3-2', value: 9000000 }
      ] }  
    ] } 
  ]


  return (
    <>
      <AnyChart
        type="gantt-chart" 
        data={myData}
        title="Simple gantt chart"
      />
    </>

  )

As you can see I have tried "gantt-chart" and a bunch of other variations.

Does anyone have an example of a basic gantt built in React?

Thanks



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source