【前端】甘特图或日历图

本文介绍了如何在前端项目中集成DHTMLX Gantt框架,实现甘特图和日历图的功能。通过讨论技术选型、基本使用步骤以及语言切换,展示了该框架在Vue3中的应用,包括安装依赖、配置和组件使用,并提供了语言切换的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

之前不是说了吗?公司文化就是让人来偷懒就偷懒的操作,于是乎就开始开发甘特图,可以让客户的员工以及领导能清晰地看见工作安排和生产排产情况。

技术选型

说实话使用什么技术可以兼容到现有系统里面,毕竟自己手写太浪费时间啦,于是乎就去GitHub上面找,真是尝试了很多框架,大部分要么不支持vue,要么不支持vue3,你别说还真就给我找到了。

在组织 DHTMLX 里面有个 Gantt 框架,原生的 JS 并且支持 Vue3,非常完美地嵌入到平台里面。

Gantt 特性:

  1. 可拖拽地动态规划时间段长度
  2. 自动贴住时间节点
  3. 节点之间可以关联
  4. 渲染上万节点
  5. 导出各种格式:PDF,PNG,MS Project,Excel,iCal
  6. 服务端支持的框架:PHP,PHP Laravel,ASP.NET Core,ASP.NET MVC,Node.js,Ruby on Rails
  7. 客服端支持的框架:React,Vue.js,Angular,AngularJS

基本使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hjhcos

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值