echart gantt

Echarts是一个功能强大的JavaScript图表库，可以用于创建各种类型的图表，包括甘特图。甘特图是一种用于展示项目进度和任务时间安排的图表。

以下是一个使用Echarts创建甘特图的示例代码：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: '项目进度甘特图'
    },
    tooltip: {
        formatter: function (params) {
            var task = params.data;
            var startTime = task.startTime;
            var endTime = task.endTime;
            return '任务名称：' + task.name + '<br/>开始时间：' + startTime + '<br/>结束时间：' + endTime;
        }
    },
    grid: {
        left: '3%',
        right: '3%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'time',
        splitLine: {
            show: false
        }
    },
    yAxis: {
        type: 'category',
        data: ['任务1', '任务2', '任务3', '任务4', '任务5']
    },
    series: [{
        type: 'bar',
        data: [{
            name: '任务1',
            startTime: '2021-01-01',
            endTime: '2021-01-05'
        }, {
            name: '任务2',
            startTime: '2021-01-06',
            endTime: '2021-01-10'
        }, {
            name: '任务3',
            startTime: '2021-01-11',
            endTime: '2021-01-15'
        }, {
            name: '任务4',
            startTime: '2021-01-16',
            endTime: '2021-01-20'
        }, {
            name: '任务5',
            startTime: '2021-01-21',
            endTime: '2021-01-25'
        }]
    }]
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

这段代码创建了一个甘特图，其中包含了5个任务，每个任务都有开始时间和结束时间。你可以根据实际需求修改任务的数量、名称、开始时间和结束时间。