JS甘特图插件MZGantt：工作时间段设置详解（1.0.12版）

MZGantt (1.0.12) 工作时间段设置详解

MZGantt 1.0.12 版本支持在小时视图（hour）下灵活配置工作时间段，并可通过参数控制显示效果。以下是关键功能说明及示例。

工作时间段配置

通过 workingHourSetting 参数可定义多个工作时间段，格式为数组嵌套的起止时间字符串。例如：

workingHourSetting: [
    ['6:30', '12:30'],
    ['14:30', '18:30']
]

此配置表示每天工作时段为 6:30-12:30 和 14:30-18:30。

时间精度控制

timePrecision 参数用于设置最小时间单位：

• 值为 30 表示半小时精度（如 6:00、6:30）。
• 值为 10 表示 10 分钟精度（如 6:00、6:10、6:20）。
• 值为 0 时恢复为默认的 1 小时精度。
  示例：

timePrecision: 10 // 启用 10 分钟精度

显示模式切换

onlyShowWorkhours 参数决定是否仅展示工作时段：

• "Y"：隐藏非工作时段，仅显示 workingHourSetting 定义的范围。但注意，一天中包含在工作时段中间的非工作时段也会显示，但可设置为灰色等背景色。
• "N"：完整显示全天时间轴（默认值）。
  示例配置：

onlyShowWorkhours: "Y"

效果图示例

1. 仅显示工作时段（onlyShowWorkhours: "Y"）
   时间轴将仅渲染 workingHourSetting 中定义的时段（如 6:30-12:30 和 14:40-18:50），非工作时段会被隐藏。
   

2. 显示全天时间（onlyShowWorkhours: "N"）
   时间轴完整显示 24 小时，工作时段可能通过颜色或标记区分（具体效果依赖插件主题）。
   

注意事项

• 时间格式为 HH:mm或者H，且结束时间需晚于开始时间。
• timePrecision 最大值为 30，超过将按 30 处理。
• 非工作时段隐藏时，任务条会自动适配至可见范围内。