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 对应目标任务的行主键

1. <template>
2.   
3.     <vxe-gantt v-bind="ganttOptions"></vxe-gantt>
4.   
5. </template>

复制代码

线类型

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

1. <template>
2.   
3.     <vxe-gantt v-bind="ganttOptions"></vxe-gantt>
4.   
5. </template>

复制代码

线颜色

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

1. <template>
2.   
3.     <vxe-gantt v-bind="ganttOptions"></vxe-gantt>
4.   
5. </template>

复制代码

https://gitee.com/x-extends/vxe-gantt

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