其他分享
首页 > 其他分享> > 全新DHTMLX甘特图:可用于纯React,Svelte和Vue.js中Web开发

全新DHTMLX甘特图:可用于纯React,Svelte和Vue.js中Web开发

作者:互联网

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

点击下载dhtmlxGantt试用版

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

反应性

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

反应甘特规模和像元大小

改变大小和范围。

超快的性能

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

物质皮肤-性能

UI元素

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

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

材质-拖放

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

材质皮肤标记

材质蒙皮工具提示

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

经典肌肤

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

材料-编辑表格

可定制性

所有甘特元素都可以完全自定义。可以根据需要调整网格的配置,时间轴和编辑表单。任务栏可以包含任何自定义HTML内容。

您可以在没有网格的情况下或在只读模式下渲染甘特图,也可以在一页上添加多个甘特图。

现场演示

我们已经准备了现场演示,涵盖了React Gantt,Svelte Gantt和Vue.js Gantt的所有新发布的功能。此外,还有将甘特图与Node.js和Go后端结合使用的示例。

React和Svelte Gantt演示

标签:Web,Vue,甘特图,js,React,任务,Gantt,Svelte
来源: https://blog.csdn.net/qq_42444778/article/details/116518435