找回密码
 立即注册
首页 资源区 代码 vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两 ...

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

锷稠 2026-2-11 07:25:26
vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条,实现上下分布任务条,实现方式是利用子任务的子视图渲染模式,来间每条任务拆分成2条子任务,就可以利用自带的子视图渲染功能来渲染。
https://gantt.vxeui.com
由于放2行超出默认高度,所以还需要通过 cell-config.height设置一下行高,再通过树形表格的子任务来渲染
1.png
  1. <template>
  2.   
  3.     <vxe-gantt v-bind="ganttOptions"></vxe-gantt>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-gantt

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

相关推荐

2026-2-12 01:36:32

举报

2026-2-12 19:01:33

举报

7 天前

举报

您需要登录后才可以回帖 登录 | 立即注册