彩票走势图

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

翻译|行业资讯|编辑:杨鹏连|2021-03-25 11:15:30.913|阅读 261 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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

点击下载dhtmlxGantt试用版

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

反应性

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

反应甘特规模和像元大小

改变体重秤和细胞的大小。

超快的性能

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

物质皮肤-性能

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

UI元素

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

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

材质-拖放

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

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

材质皮肤标记

React Gantt中的垂直标记。

材质蒙皮工具提示

React Gantt中的工具提示。

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

经典肌肤

用经典皮肤反应甘特。

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

材料-编辑表格

双击一个任务以打开编辑表单。

可定制性

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

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

现场演示

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

React和Svelte Gantt演示

通过npm安装

使用Gantt开始工作从未如此简单。只需通过npm安装免费试用版,然后开始在项目中实施甘特图。

我们期待您的反馈!

关产品推荐:

VARCHART XGantt支持ActiveX、.Net等平台的C#甘特图控件

AnyGantt构建复杂且内容丰富的甘特图的理想工具

jQuery Gantt Package基于HTML5 / jQuery的跨平台jQuery Gantt包

phGantt Time Package对任务和时间的分配管理的甘特图

APS帮助提升企业生产效率,真正实现生产排程可视化呈现与控制,快速有效响应不同场景的生产计划,提高准时交货能力,提高产能和资源利用率

想要购买dhtmlxGantt正版授权,或了解慧都APS系统请点击

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP