Deneb中是否有获取下拉式层次甘特图的方式？

可以使用Deneb中的Gantt Chart插件来获得下拉式层次甘特图。代码示例如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Drop-down hierarchical Gantt chart in Deneb</title>
	<link rel="stylesheet" href="https://cdn.denebtools.com/latest/deneb-gantt-chart.min.css">
</head>
<body>
	<div id="gantt"></div>
	<script src="https://cdn.denebtools.com/latest/deneb-gantt-chart.min.js"></script>
	<script>
		var tasks = [
			{
				id: 1,
				name: 'Task 1',
				start: '2021-01-01',
				end: '2021-01-05',
				children: [
					{
						id: 2,
						name: 'Sub-task 1',
						start: '2021-01-01',
						end: '2021-01-03'
					},
					{
						id: 3,
						name: 'Sub-task 2',
						start: '2021-01-04',
						end: '2021-01-05'
					}
				]
			},
			{
				id: 4,
				name: 'Task 2',
				start: '2021-01-06',
				end: '2021-01-10'
			}
		];

		var gantt = new Deneb.GanttChart(document.getElementById('gantt'), tasks, {
			startDate: '2021-01-01',
			endDate: '2021-01-15',
			collapsible: true,
			hierarchical: true
		});
	</script>
</body>
</html>

该示例创建了一个具有两个任务和一个子任务的层次Gantt图，并使用了Deneb的Gantt Chart插件来创建它。其中，使用collapsible: true将任务行设置为可折叠的，并使用hierarchical: true启用了层次结构。这将会在任务名称旁边添加一个下拉箭头，以展开或折叠子任务。

本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。

展开更多

开发者特惠

面向开发者的云福利中心，ECS 60元/年，域名1元起，助力开发者快速在云上构建可靠应用

ECS首年60元

社区干货

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选

￥1.00/首年起32.00/首年起

立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗，加速分发更实惠

￥2.00/年20.00/年

立即购买

Deneb中是否有获取下拉式层次甘特图的方式？ -优选内容

申报单管理

其中名称前带 * 的参数为必填参数,名称前未带 * 的参数为可选参数。参数说明 *任务名称申报SLA的任务。仅支持已发布的天级、小时级离线任务,输入任务名称关键词或任务ID后下拉可选。系统会根据该任务血缘,识别... 是否有延迟。签署SLA时间:指当前任务具备的SLA时间,该时间不一定对此申报单生效,需结合签署状态确认(签署状态为同意签署的才生效)。任务链路关系:所有的链路分支拆分成不同的甘特图,您可以线性查看任务之间的...