一起来了解React的四种优秀甘特图方案(下篇)

接上篇!!!
3. DHTMLX Gantt(https://dhtmlx.com/docs/products/dhtmlxGantt/)

在这里插入图片描述

作为一款功能齐全的甘特图工具,DHTMLX Gantt能够实现跨浏览器和平台的应用。它能够完全自定义各种图表,其灵活的API也能够方便每个元素的配置。您可以自定义从任务栏到网格结构的所有内容。使用其缩放功能,以及在月、日和小时之间灵活的切换,您可以更专注于项目的某个特定部分。鉴于基线对于确保按时完成任务的重要性,您可以使用自定义基线,来标记项目的初始计划,并将其与项目的当前状态进行比较。同时,它的自动计划功能,可以让您避免手动进行更改,而将所有需要的更改都自动应用于计划之中。当然,如果任务的结束日期需要跟踪变更的话,那么此功能也会更新任务的开始日期。DHTMLX Gantt的资源分配功能可以让用户实施各种高级管理功能。您可以在资源使用图、直方图和资源日历的帮助下,为各项任务合理地分配资源,并跟踪其工作负荷。上文提到的关键路径方法,不但可以显著地简化项目工作,也可以定义确定项目总体工期的任务顺序。对此,您可能需要添加一些自定义的内容。例如:通过一个S曲线来显示项目的进度。除了可以在React项目中使用甘特图之外,您还可以通过该工具,从与Vue.js、Angular、jQuery、Laravel、Node.js、以及ASP.NET等服务器端技术的集成中受益。目前,DHTMLX Gantt还在持续迭代改进中,其功能也会越来越丰富。如果您想了解更多其相关信息的话,请访问该项目的主页,以及它在GitHub上的demo(https://github.com/DHTMLX/react-gantt-demo)。
4. React Gantt by Bryntum(https://www.react-gantt.com/)

在这里插入图片描述

该React甘特图工具由Bryntum公司开发。该公司以高质量的Ext JS框架插件而闻名。其调度引擎是从头开始构建的,具有出色的性能,被称为Chronograph。而它的异步重调度功能则可以处理任意数量的任务。在移动了任务之后,Bryntum会将生成的变更集放到适当的位置,以便用户跟踪某个变更是如何轻松地影响到其他变更的。目前,Bryntum的开发人员已经实现了,用户在可能进行有效项目管理过程中的所有功能。其中包括:通过拖放支持,允许用户使用鼠标或触摸设备,来创建、调整任务窗口的大小;以及以编程的方式,验证编辑动作,以避免可能出现的错误,并确保提供信息的准确性。而可定制的工具提示则允许用户使用HTML定义,获悉特定任务的额外详细信息。另外,Bryntum内置的可自定义上下文菜单,将有助于实现企业所需的某些特定功能。当然,您也可以在任何条件下,过滤出可用的任务,并更改其显示的比例。与前面提到的工具类似,Bryntum也提供了关键路径的计算。您可以使用其提前(leads)和滞后(lags)功能,来灵活地管理项目过程,并在任务之间创建各种类型的依赖关系(如:FF、FS、SF、以及SS等)。通过该工具,您可以只需使用普通CSS,即可轻松地设置所有元素的样式,自定义行高,动态更改自定义模板,以及设置每个时间线元素的呈现。另外,通过使用PHP、Java、ASP.NET、以及其他技术,开发人员还能够实现一些服务器与数据库的集成功能。

在这里插入图片描述

最后,小编分类整理了许多java进阶学习材料和BAT面试给热爱IT行业的你,如果需要资料的请转发此文章后再私聊小编回复【java】就能领取2019年java进阶学习资料和BAT面试题以及《Effective Java》(第3版)电子版书籍。也可以加群:712263501领取海量学习资料进行学习。


版权声明:本文为weixin_44542399原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。