重生之--js原生甘特图实现

需求:

一个树形结构,根据子节点的时间范围显示显示进度 ,不同的时间范围对应不同的颜色

数据类型大概是这个样子的

甘特图 dom部分

首先要计算所有节点的 最大时间和最小时间

然后再计算每个甘特图的宽度

再计算他的偏移量

再计算颜色

相关推荐
项目管理者17 天前
项目计划制定新手实战指南
甘特图·敏捷流程
项目管理者19 天前
Microsoft Project 甘特图实战:从计划制定到落地管控
甘特图
关中老四1 个月前
【PJMan3.0】从Excel数据,一键生成甘特图(支持AI智能识别)
项目管理·甘特图·进度管理·pjman
猴哥聊项目管理1 个月前
2026年信创项目管理:如何用甘特图提升进度管控
大数据·数据库·项目管理·企业数字化转型·甘特图·敏捷开发·项目进度管理软件
进度猫1 个月前
2026年十款项目管理软件横向评测:特点解析与选型参考
项目管理·产品经理·甘特图·项目经理·项目管理软件
OenAuth.Core1 个月前
.NET权限管理平台OpenAuth.Net Vue3版V6.0重磅发布:全新界面+Skills全面拥抱AI
ai编程·甘特图
保卫大狮兄1 个月前
项目甘特图是什么?要怎么制作项目甘特图?
甘特图
进度猫1 个月前
八款项目管理软件对比:功能、局限与适用团队
人工智能·项目管理·产品经理·甘特图·项目管理软件
关中老四1 个月前
不用登录!3 步把 Excel 进度表变成甘特图
excel·项目管理·甘特图·一键生成·进度管理·pjman
daols882 个月前
vue甘特图vxe-gantt如何实现拖拽任务条时如有已关联依赖线,同时更新依赖任务的日期的方式
javascript·vue.js·甘特图