锷稠 发表于 2026-2-11 07:25:26

vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条，实现上下分布任务条

vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条，实现上下分布任务条，实现方式是利用子任务的子视图渲染模式，来间每条任务拆分成2条子任务，就可以利用自带的子视图渲染功能来渲染。
https://gantt.vxeui.com
由于放2行超出默认高度，所以还需要通过 cell-config.height设置一下行高，再通过树形表格的子任务来渲染

<template>

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

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

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

缄戈 发表于 2026-2-12 01:36:32

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

劳暄美 发表于 2026-2-12 17:41:49

感谢分享，学习下。

尚腱埂 发表于 2026-2-12 18:37:34

不错，里面软件多更新就更好了

诀锺 发表于 2026-2-12 19:01:33

不错，里面软件多更新就更好了

簧横 发表于 2026-2-13 19:11:24

感谢分享，下载保存了，貌似很强大
页: [1]
查看完整版本: vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条，实现上下分布任务条