vueelement组件画甘特图

Vue Element组件库提供了多个组件可以用来绘制甘特图，以下是一个简单的例子：

<template>
  <div>
    <el-timeline :items="items"></el-timeline>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        {
          timestamp: new Date('2021-06-01T00:00:00'),
          content: '任务1',
        },
        {
          timestamp: new Date('2021-06-05T00:00:00'),
          content: '任务2',
        },
        {
          timestamp: new Date('2021-06-08T00:00:00'),
          content: '任务3',
        },
        {
          timestamp: new Date('2021-06-12T00:00:00'),
          content: '任务4',
        },
        {
          timestamp: new Date('2021-06-15T00:00:00'),
          content: '任务5',
        },
      ],
    };
  },
};
</script>

在这个例子中，我们使用了`el-timeline`组件来绘制甘特图，`items`属性指定了甘特图上的每个任务，其中`timestamp`属性表示任务的开始时间，`content`属性表示任务的名称。

除了`el-timeline`组件，Vue Element还提供了其他的甘特图组件，例如`el-timeline-day`、`el-timeline-week`和`el-timeline-month`等，可以根据具体需求选择使用。