甘特图

甘特图是 GanttSheet 中的一个特殊表列，用于说明项目进度表。它显示每个任务的开始和完成日期，并且通常添加每个任务的完成状态和任务之间的依赖关系等信息。

甘特图有两个基本组件：时间尺度和图表区域。

时间尺度

时间尺度表示甘特图的列标题。它显示更小或更大的时间单位，例如年、季度、月、周、日等。甘特图中的最大时间尺度为年，最小时间尺度为 15 分钟。

时间尺度由三个不同的层和一个刻度分隔符组成。

时间刻度层

甘特图具有三层模式，“middle”、“middleBottom”和“topMiddleBottom”来显示时间尺度。您可以使用“TimescaleTierMode”枚举来设置时间刻度的层模式。

以下代码示例演示如何在甘特图中显示时间刻度的层模式。

// Set the tier mode for the timescale.
   var timescale = ganttSheet.project.timescale; 
   timescale.tierMode = GC.Spread.Sheets.GanttSheet.TimescaleTierMode.middle;

时间刻度层具有以下可配置属性。

以下示例代码展示了如何配置中间层属性。

// Set the tier configuration.
var timescale = ganttSheet.project.timescale;
var targetTier = "middleTier";
timescale[targetTier].unit = GC.Spread.Sheets.GanttSheet.TimescaleUnit.days;
timescale[targetTier].count = 2;
timescale[targetTier].labelAlign = "Center";
timescale[targetTier].formatter = "dddd";
timescale[targetTier].showTickLines = false;

时间刻度分隔符

您还可以设置“showScaleSeparator”选项以显示 topMiddleButtom 和中间层之间的单独比例线。默认情况下，此选项值为 True。要隐藏，您需要将“showScaleSeparator”选项的值更改为 false。

以下代码示例演示如何隐藏刻度分隔线。

// Hide scale separator.
ganttSheet.project.timescale.showScaleSeparator = false;

下面的 Gif 演示了甘特图中时间刻度外观的配置。

图表区域

图表区域是指甘特图的主体部分。它使您能够显示工作和非工作时间，配置图表布局，更改任务栏样式，添加任务摘要，显示网格线，链接/取消链接任务等。您还可以更改布局样式，放大/缩小甘特图，并水平或垂直滚动时间刻度以获得合适的视图。

要配置图表区域及其各种功能，请参阅以下主题：