dhtmlx-gantt 时间为季度
时间: 2023-09-29 09:10:20 浏览: 132
你可以通过在dhtmlx-gantt中自定义计划任务的时间单位来将时间设置为季度。要实现这一点,你需要使用`gantt.config.scale_unit`和`gantt.config.step`属性。以下是一个示例代码:
```javascript
gantt.config.scale_unit = "quarter"; // 设置时间单位为季度
gantt.config.step = 3; // 设置每个季度包含的时间范围,这里设置为3个月
// 设置横轴标签的格式
gantt.config.scale_label = function(date) {
var quarters = Math.floor((date.getMonth() / 3) + 1); var year = date.getFullYear();
return "Q" + quarters + " " + year;
};
// 在gantt初始化之前设置以上配置
gantt.init("ganttContainer");
```
通过上述代码,你可以将dhtmlx-gantt中的时间单位设置为季度,并且每个季度包含3个月的时间范围。横轴的标签格式会显示季度和对应的年份。
希望这能帮助到你!如果还有其他问题,请随时提问。
相关问题
dhtmlx-gantt
dhtmlx-gantt是一个基于JavaScript的Gantt图库,它可以帮助开发人员在自己的Web应用程序中轻松地集成Gantt图。它提供了一组丰富的功能,如任务和子任务的管理、资源分配、任务依赖关系、时间线视图、缩放、导出等。同时,dhtmlx-gantt还提供了可定制的样式和主题,以满足不同用户的需求。使用dhtmlx-gantt,开发人员可以快速构建功能强大的Gantt图应用程序,提高项目管理的效率和可靠性。
dhtmlx-gantt配置
dhtmlxGantt是一款功能齐全的Gantt图表,可用于跨浏览器和跨平台应用程序,满足项目管理控件应用程序的需求。您可以通过更新start_date/end_date配置来重新计算比例范围,并且可以设置fit_tasks属性为true来强制重新渲染比例。
以下是一些示例代码来配置dhtmlxGantt:
1. 重新计算比例范围:
```javascript
gantt.attachEvent("onBeforeGanttRender", function(){
var range = gantt.getSubtaskDates();
var scaleUnit = gantt.getState().scale_unit;
if(range.start_date && range.end_date){
gantt.config.start_date = gantt.calculateEndDate(range.start_date, -4, scaleUnit);
gantt.config.end_date = gantt.calculateEndDate(range.end_date, 5, scaleUnit);
}
});
gantt.init("gantt_here");
```
2. 强制重新渲染比例:
```javascript
gantt.config.fit_tasks = true;
gantt.init("gantt_here");
```
3. 自定义比例:
```javascript
gantt.config.scales = [
{unit: "month", step: 1, format: "%F, %Y"},
{unit: "day", step: 1, format: "%j, %D"}
];
gantt.init("gantt_here");
```
阅读全文