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

需求:

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

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

甘特图 dom部分

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

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

再计算他的偏移量

再计算颜色

相关推荐
Chuer_1 天前
详解智能问数的增效逻辑,全方位拆解智能问数实战场景
大数据·数据库·甘特图
三枪一个麻辣烫20 天前
gemini Adobe Illustrator visio draw.io画图
图像处理·人工智能·甘特图
daols8820 天前
vue甘特图vxe-gantt定位到对应的行于列,定位到对应的任务视图任务条
javascript·vue.js·甘特图
关中老四20 天前
简单易用的vue3甘特图组件:mzgantt-vue3
javascript·vue.js·甘特图
OenAuth.Core22 天前
更快登录、更稳协作、更好导出:最好用的免费甘特图星甘StarGantt V3.3更新说明
甘特图
daols8823 天前
vue甘特图vxe-gantt实现点击任务条弹出编辑表单
前端·vue.js·甘特图·vxe-gantt
关中老四25 天前
【原生JS甘特图MZGantt 】如何给父任务设置独立进度条
前端·javascript·甘特图
daols881 个月前
vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能(含二次确认)
vue.js·甘特图·vxe-gantt
关中老四1 个月前
【js/web甘特图插件MZGantt】如何使用外部弹框添加和修改任务(updRows方法使用说明)
前端·javascript·甘特图·甘特图插件
沉睡的无敌雄狮1 个月前
ISO9071外的质控实践:福尔蒂研发-QA-中试‘铁三角’机制(含架构与甘特图)
线性回归·甘特图·宽度优先