甘特图提供多种不同的时间刻度的定义,用户也可以自定义自己的时间刻度。系统内置的时间刻度包括以下六种:
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. });