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

需求:

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

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

甘特图 dom部分

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

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

再计算他的偏移量

再计算颜色

相关推荐
Sunny_lxm1 个月前
在 Vue 2中使用 dhtmlxGantt 7.1.13组件,并解决使用时遇到的问题汇总.“dhtmlx-gantt“: “^7.1.13“,
前端·vue.js·甘特图·dhtmlxgantt
Bingo_BIG1 个月前
甘特图 dhtmlxGantt.js UA实例
javascript·甘特图·ua
阿乐今天敲代码没1 个月前
echarts实现项目进度甘特图
前端·echarts·甘特图
Sunny_lxm2 个月前
自定义列甘特图,原生开发dhtmlxgantt根特图,根据数据生成只读根特图,页面展示html demo
前端·html·甘特图·dhtmlxgantt
lzc8282 个月前
在文档里如何引用在线SVG甘特图
甘特图
m0_513962532 个月前
vue-ganttastic甘特图label标签横向滚动固定方法
javascript·vue.js·甘特图
H309192 个月前
vue3+dhtmlx-gantt实现甘特图展示
android·javascript·甘特图
CodeCraft Studio2 个月前
数据透视表控件DHTMLX Pivot v2.1发布,新增HTML 模板、增强样式等多个功能
前端·javascript·ui·甘特图
进度猫2 个月前
告别进度失控:用燃尽图补上甘特图的监控盲区
项目管理·甘特图·项目管理软件