dhtmlxGantt提供了一个内置模块,用于方便地管理时间尺度缩放。如果您想自定义默认缩放行为,有一个灵活的 API 允许您实现动态更改时间刻度设置的能力。
1、内置缩放模块
嵌入式缩放模块在gantt.ext.zoom扩展中声明。要启用该模块,您需要调用gantt.ext.zoom.init(zoomConfig)并传递一个带有配置设置的zoomConfig对象,其中包含一组缩放级别。例如:
var zoomConfig = {
levels: [
{
name:"day",
scale_height: 27,
min_column_width:80,
scales:[
{unit: "day", step: 1, format: "%d %M"}
]
},
{
name:"week",
scale_height: 50,
min_column_width:50,
scales:[
{unit: "week", step: 1, format: function (date) {
var dateToStr = gantt.date.date_to_str("%d %M");
var endDate = gantt.date.add(date, 6, "day");
var weekNum = gantt.date.date_to_str("%W")(date);
return "#" + weekNum + ", " + dateToStr(date) + " - " + dateToStr(endDate);
}},
{unit: "day", step: 1, format: "%j %D"}
]
},
{
name:"month",

本文介绍了如何使用dhtmlxGantt的内置缩放模块和自定义配置来管理时间尺度。通过gantt.ext.zoom.init()启用缩放模块,或通过配置gantt.config.scales等选项手动控制缩放。dhtmlxGantt是一款跨平台的项目管理工具,提供了灵活的时间刻度切换功能。
最低0.47元/天 解锁文章
1943

被折叠的 条评论
为什么被折叠?



