用Highcharts 画一个甘特图

以下是一个使用Highcharts画甘特图的示例：

// 创建甘特图容器
Highcharts.ganttChart('container', {
  title: {
    text: '甘特图示例'
  },
  xAxis: {
    min: Date.UTC(2022, 0, 1),
    max: Date.UTC(2022, 11, 31)
  },
  series: [{
    name: '项目',
    data: [{
      name: '任务1',
      start: Date.UTC(2022, 0, 1),
      end: Date.UTC(2022, 0, 5)
    }, {
      name: '任务2',
      start: Date.UTC(2022, 0, 6),
      end: Date.UTC(2022, 0, 10)
    }, {
      name: '任务3',
      start: Date.UTC(2022, 0, 11),
      end: Date.UTC(2022, 0, 15)
    }]
  }]
});

在上面的示例中，我们通过调用Highcharts.ganttChart方法来创建一个甘特图。传递给该方法的第一个参数是一个HTML元素的ID，表示要在哪个容器中绘制甘特图。接下来，我们通过配置对象设置了图表的标题和x轴范围。最后，我们通过series属性设置了一个名为"项目"的系列，其中包含了三个任务。每个任务都有一个名称、开始时间和结束时间。

以上示例只是一个简单的甘特图示例，你可以根据自己的需求进行更多的配置和自定义。关于Highcharts的甘特图的更多信息和配置选项，你可以参考官方文档：Highcharts Gantt API