Pure React,Svelte和Vue.js中的全新dhtmlxGantt库

DHTMLX宣布发布全新的甘特图库,用于纯React,Svelte和Vue.js中的项目管理应用程序的Web开发。没有外部依赖关系,没有库和框架的混杂,仅是纯本地代码,从而实现了快速的性能和响应性。

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。它允许你创建动态甘特图,并以一个方便的图形化方式可视化项目进度。有了dhtmlxGantt,你可以显示活动之间的依赖关系,显示具有完成百分比阴影的当前任务状态以及组织活动到树结构。

dhtmlxGantt试用版

DHTMLX宣布发布全新的甘特图库,用于纯React,Svelte和Vue.js中的项目管理应用程序的Web开发。没有外部依赖关系,没有库和框架的混杂,仅是纯本地代码,从而实现了快速的性能和响应性。

反应性

新甘特图的主题是它们的反应性。应用于属性的更改与在图表中呈现它们之间没有时间滞后。无论您是在编辑表单中更正任务详细信息,还是要在网格或时间轴区域中处理任务,一切都将同步并立即做出反应。

React Gantt,Svelte Gantt和Vue Gantt本质上发展迅速。它们以毫秒为单位渲染一万多个任务。因此,用户与甘特图的交互是快速,流畅的。

′¨-§è

用1万个任务来响应甘特。

UI元素

第一个版本提供了使用甘特图创建和管理项目计划的所有基本功能。

共有三种类型的任务:项目,任务和里程碑。任务可以通过四种依赖关系相互链接:开始到开始,开始到结束,结束到开始以及端到端。可以通过拖放操作来移动,调整大小和互连任务。

′¨-

带有“材质”外观的基本React Gantt图表的示例。

该图表可以辅以用于显示项目周期重要日期的垂直标记和工具提示,以提供有关时间轴区域中任务的其他信息。

′¨nbsp;

React Gantt中的垂直标记。

′¨è·¥·¤o

React Gantt中的工具提示。

默认情况下,新的甘特图在两种外观中可用:“材质”和“经典”。

èè

用经典皮肤反应甘特。

双击任务时,右侧边栏出现,并且包含用于填写所有任务详细信息(例如任务名称,描述,类型,开始和结束日期,持续时间和任务关系)的编辑表单。此外,还有一个滑块,用于设置任务的进度级别(以百分比为单位)。

上一篇 2021年1月22日
下一篇 2021年1月22日

相关推荐

发表回复

登录后才能评论