零幸 发表于 2025-12-19 12:30:04

vue 甘特图 vxe-gantt table 连接线的用法教程

vue 甘特图 vxe-gantt table 连接线的用法教程,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
https://gantt.vxeui.com
类型说明
0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成
1 StartToFinish 开始到结束,表示从某个过程的开始到结束的整个过程
2 StartToStart 开始后才开始,表示一个活动结束了,另一个活动才能开始,它们之间按先后顺序进行
3 FinishToFinish 完成到完成,表示一个任务必须在另一个任务完成之后才能完成
线配置

通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键

<template>

    <vxe-gantt v-bind="ganttOptions"></vxe-gantt>

</template>线类型

通过设置 task-link-config.lineType 设置连接线的样式类型,可以设置实线、虚线、流式虚线

<template>

    <vxe-gantt v-bind="ganttOptions"></vxe-gantt>

</template>线颜色

通过设置 task-link-config.lineStatus 设置连接线的状态颜色,也可以给每条线单独设置状态颜色

<template>

    <vxe-gantt v-bind="ganttOptions"></vxe-gantt>

</template>https://gitee.com/x-extends/vxe-gantt

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

羔迪 发表于 2025-12-25 08:18:46

懂技术并乐意极积无私分享的人越来越少。珍惜

左优扬 发表于 2026-1-4 14:08:52

感谢分享,下载保存了,貌似很强大

格恳绌 发表于 2026-1-15 03:47:27

热心回复!

倡遍竽 发表于 2026-1-20 10:26:13

感谢分享,下载保存了,貌似很强大

溧久苟 发表于 2026-1-21 15:18:48

谢谢分享,试用一下

寨重 发表于 2026-1-21 15:23:48

喜欢鼓捣这些软件,现在用得少,谢谢分享!

郦湘云 发表于 2026-1-22 14:09:05

很好很强大我过来先占个楼 待编辑

敛饺乖 发表于 2026-1-23 20:42:05

感谢,下载保存了

蚬蕞遂 发表于 2026-1-27 04:19:41

谢谢分享,试用一下

飧沾 发表于 2026-2-3 03:04:07

yyds。多谢分享

驳嗦 发表于 2026-2-7 23:15:50

热心回复!

虹姥 发表于 2026-2-8 14:31:00

这个好,看起来很实用

怃膝镁 发表于 2026-2-8 17:27:48

喜欢鼓捣这些软件,现在用得少,谢谢分享!

坐褐 发表于 2026-2-8 17:41:26

东西不错很实用谢谢分享

骆贵 发表于 2026-2-9 20:42:34

感谢分享,学习下。

篙菠 发表于 2026-2-11 03:52:19

喜欢鼓捣这些软件,现在用得少,谢谢分享!

诘琅 发表于 2026-2-13 10:00:38

东西不错很实用谢谢分享

昝琳怡 发表于 2026-2-13 11:14:26

东西不错很实用谢谢分享

赖珊 发表于 2 小时前

用心讨论,共获提升!
页: [1]
查看完整版本: vue 甘特图 vxe-gantt table 连接线的用法教程