devextreme gantt箭头作用是什么，如何理解，如何用

文章索引

在 DevExtreme Gantt 组件中，箭头（依赖箭头 / 依赖线 / 依赖关系） 是指不同任务之间的 依赖关系连线，用于表达任务的 先后顺序、依赖关系，相当于甘特图的核心之一。

🔍 1. 箭头的作用

功能	说明
展示任务顺序关系	哪些任务是先做、哪些任务是后做
控制自动排期	如果是流程模式，下游任务的开始时间由上游任务的结束时间决定
表现关键路径	可以展示哪些任务是关键路径上的
帮助理解项目流程	项目管理人员可以直观了解任务流转
支持多种依赖类型	DevExtreme 支持多种依赖类型，比如：FS、SS、FF、SF（详见下方）

Gantt 的 dependencies 属性是用来定义箭头的：

<DxGantt

tasks={tasks}

dependencies={dependencies}

taskListWidth={300}

const dependencies = [

{ id: 1, predecessorId: 1, successorId: 2, type: 0 }, // 1 → 2

{ id: 2, predecessorId: 2, successorId: 3, type: 0 }, // 2 → 3

];

字段说明：

const tasks = [

{ id: 1, title: '任务 A', start: new Date(), end: new Date() },

{ id: 2, title: '任务 B', start: new Date(), end: new Date() },

];

const dependencies = [

{ id: 1, predecessorId: 1, successorId: 2, type: 0 },

];

效果：任务 A 完成 → 任务 B 才能开始，箭头从 A 指向 B。