metasfresh 甘特图组件的设计分析

Posted lijianhua1205

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了metasfresh 甘特图组件的设计分析相关的知识,希望对你有一定的参考价值。

metasfresh 甘特图组件的设计分析

甘特图组件在项目管理,人力资源,和crm模块都有广泛使用,一般使用svg技术来绘制图形,可以按日/周/月/年切换时间单位,也可以手工新增修改拖动任务条

甘特图主要分为任务甘特图和资源甘特图,一般的甘特图组件实现了任务甘特图,但没有提供资源甘特图的实现,需要自己来实现

资源甘特图是展示每个资源(产线 设备)的任务安排,以及有关联任务(同属于一个工单)之间的前后关联箭头表示,和任务甘特图每行就一个任务不同的是,资源甘特图每个资源会安排很多任务,任务拖动时,考虑的约束关系更为复杂,既要考虑到资源本身的可用时间的限制,也要考虑到前后任务的时间约束限制

复杂的甘特图组件,可以考虑使用d3.js库,封装了对svg的操作和对甘特图数据的管理


 

以上是关于metasfresh 甘特图组件的设计分析的主要内容,如果未能解决你的问题,请参考以下文章

metasfresh 甘特图组件的设计分析

数据分析图&甘特图合集,多类型图表,函数计算,自动图表不加班

甘特图[javascript甘特图,甘特图组件,vue甘特图,vue Gantt图表,响应式甘特图,项目经理,vue项目]

寻找德尔福甘特图组件

分享一个开源甘特图组件-2022

基于 ECharts 封装甘特图并实现自动滚屏