Ext Gantt Web甘特图--时间刻度和自定义

简介: 甘特图提供多种不同的时间刻度的定义,用户也可以自定义自己的时间刻度。系统内置的时间刻度包括以下六种: 1       hourAndDay 小时和天刻度 2       dayAndWeek 天和周刻度 3       weekAndDay 周和天刻度 4       weekAndMonth 周和月刻度 5       monthAndYear 月和年刻度 6       year 年刻度 以下是自定义时间刻度的代码。

甘特图提供多种不同的时间刻度的定义,用户也可以自定义自己的时间刻度。系统内置的时间刻度包括以下六种:

1       hourAndDay 小时和天刻度

2       dayAndWeek 天和周刻度

3       weekAndDay 周和天刻度

4       weekAndMonth 周和月刻度

5       monthAndYear 月和年刻度

6       year 年刻度

以下是自定义时间刻度的代码。

1.       Sch.PresetManager.registerPreset("test", {   

2.               timeColumnWidth : 20,   // Time column width, only applicable when locked columns are used   

3.               displayDateFormat : "Y-m-d",  // Controls how dates will be displayed in tooltips etc   

4.               shiftIncrement : 1,     // Controls how much time to skip when calling shiftNext and shiftPrevious.   

5.               shiftUnit : "w",      // Valid values are "MILLI", "SECOND", "MINUTE", "HOUR", "DAY", "WEEK", "MONTH", "QUARTER", "YEAR".   

6.               defaultSpan : 12,       // By default, if no end date is supplied to a view it will show 12 hours   

7.               timeResolution : {      // Dates will be snapped to this resolution   

8.                   unit : "d",    // Valid values are "MILLI", "SECOND", "MINUTE", "HOUR", "DAY", "WEEK", "MONTH", "QUARTER", "YEAR".   

9.                   increment : 1   

10.           },   

11.           headerConfig : {    // This defines your header, you must include a "middle" object, and top/bottom are optional. For each row you can define "unit", "increment", "dateFormat", "renderer", "align", and "scope"   

12.               middle : {                

13.                   unit : "w",   

14.                   dateFormat : "D d M Y"  

15.               },   

16.               /*top : {  

17.                   unit : "Month",  

18.                   dateFormat : 'D d/m'  

19.               },*/  

20.               bottom:{   

21.                   increment:1,   

22.                   unit:"d",   

23.                   renderer:function(a, b, c, d){   

24.                       return a.getDate();   

25.                   }   

26.               }   

27.           }   

28.   });  

目录
相关文章
|
6月前
|
Web App开发 存储 安全
大师学SwiftUI第17章Part1 - Web内容访问及自定义Safari视图控制器
App可以让用户访问网页,但实现的方式有不止一种。我们可以让用户通过链接在浏览器中打开文档、在应用界面中内嵌一个预定义的浏览器或是在后台下载并处理数据。
46 0
|
9月前
|
Web App开发 JavaScript 前端开发
Web组件规范和自定义元素
Web组件规范和自定义元素
|
10月前
|
搜索推荐 JavaScript 数据可视化
数据可视化大屏高德地图javascript webAPI开发的智慧治安物联网管理系统实战解析(web GIS、3D视图、个性化地图、标注、涟漪动画、自定义弹窗、3D控件)
数据可视化大屏高德地图javascript webAPI开发的智慧治安物联网管理系统实战解析(web GIS、3D视图、个性化地图、标注、涟漪动画、自定义弹窗、3D控件)
389 0
|
10月前
|
JSON 前端开发 API
layui框架实战案例(8):web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)
layui框架实战案例(8):web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)
389 0
|
11月前
|
JavaScript 前端开发 算法
web前端面试高频考点——Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)
web前端面试高频考点——Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)
112 0
|
11月前
|
缓存 NoSQL 前端开发
【Go】基于 Gin 从0到1搭建 Web 管理后台系统后端服务(三)路由、自定义校验器和 Redis
【Go】基于 Gin 从0到1搭建 Web 管理后台系统后端服务(三)路由、自定义校验器和 Redis
|
Web App开发 JavaScript 前端开发
实现Web端自定义截屏(原生JS版)
实现Web端自定义截屏(原生JS版)
实现Web端自定义截屏(原生JS版)
|
13天前
|
开发框架 前端开发 .NET
C#编程与Web开发
【4月更文挑战第21天】本文探讨了C#在Web开发中的应用,包括使用ASP.NET框架、MVC模式、Web API和Entity Framework。C#作为.NET框架的主要语言,结合这些工具,能创建动态、高效的Web应用。实际案例涉及企业级应用、电子商务和社交媒体平台。尽管面临竞争和挑战,但C#在Web开发领域的前景将持续拓展。
|
2天前
|
关系型数据库 MySQL
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
|
3天前
|
开发框架 JavaScript 前端开发
【JavaScript 与 TypeScript 技术专栏】TypeScript 在 Web 开发中的前沿应用
【4月更文挑战第30天】TypeScript在Web开发中日益重要,以其强大的类型系统提升代码质量,支持组件化开发,与React、Vue、Angular等框架良好集成。在大型项目管理中,TypeScript助于代码组织和优化,提高团队协作效率。此外,它提升开发体验,提供智能提示和错误检测。众多成功案例证明其前沿应用,未来将在Web开发领域持续发挥关键作用。