零幸 发表于 前天 12:30

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

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vue 甘特图 vxe-gantt table 连接线的用法教程