资源甘特图

概览文档演示视频版本历史

Gantt Resource 文档

Table of contents

基础知识

下载与安装 

Qlik Sense Desktop 

要在 Qlik Sense Desktop 中安装 AnyGantt Extension,请执行以下操作:

  1. 下载适用于 Qlik Sense 的 AnyGantt Extension
  2. 解压存档文件。
  3. 打开 Windows 资源管理器窗口并导航至 Qlik Sense Extensions 目录:
    ..\Users\<UserName>\Documents\Qlik\Sense\Extensions
  4. anygantt-4x-project 文件夹复制到 Extensions 目录。
  5. anygantt-4x-resource 文件夹复制到 Extensions 目录。
  6. anygantt-4x-timeline 文件夹复制到 Extensions 目录。
  7. 重新启动 Qlik Sense Desktop。
Qlik Sense Server 

要在 Qlik Sense server 上安装 AnyGantt Extension,

  1. 下载适用于 Qlik Sense 的 AnyGantt Extension
  2. 打开 Qlik Management Console (QMC):https://<QPS server name>/qmc
  3. 在 QMC 开始页面或从 Start 下拉菜单中选择 Extensions
  4. 点击操作栏中的 Import
  5. 在对话框中,选择下载的存档文件。将密码区域留空。
  6. 在文件浏览器窗口中点击 Open
  7. 点击 Import
Qlik Sense Cloud 

要在 Qlik Sense Cloud 中安装 AnyGantt Extension,请执行以下操作:

  1. 下载适用于 Qlik Sense Cloud 的 AnyGantt Extension
  2. 解压存档文件。
  3. 访问 Management Console:
    • 在您的租户地址后添加 /consolehttps://<your tenant address>/console
    • 或使用枢纽(hub)中用户个人资料下的导航链接 Administration
  4. 转到 Extensions 页面并点击 Add
  5. 在对话框中,选择包含 bundle 中扩展程序的存档文件 —— 例如 anygantt-4x-resource.zip
  6. 点击 Add
  7. 重复上述步骤以添加其他扩展程序。
  8. 在 Management Console 中,转到 Content Security Policy 部分并点击 Add
  9. 在对话框中,为 Content Security Policy 命名 —— 例如 AnyChart
  10. 输入源服务器地址:qlik.anychart.com
  11. 选择以下指令:
    • connect-src
    • font-src
    • img-src
    • script-src
    • style-src
  12. 点击 Add

概览 

Resource Gantt 图表是用于在一段时间内调度资源(如设备或员工)的工具。可以在一行中显示多个周期和里程碑,并将资源组合成组。

阅读 快速入门 以及 Dimensions and Measures,了解如何添加 Resource Gantt 图表以及使用哪些维度和度量。

在图表左侧有一个 table,显示有关维度和度量的文本信息。默认情况下,它包含两列:显示行索引的 index 列,以及显示资源和资源组的维度列。

右侧是图表区域,显示 elementsperiods,代表时间段;以及 milestones,代表持续时间为零的事件。

elements 的可用设置包括:colors / color by expressionlabelstooltips,以及特殊的 settings of periodsmilestones。您还可以添加 reference linesreference ranges,配置 scaletimelinetoolbar,设置 locale 以及 fiscal year 的开始月份等。

An AnyGantt resource gantt chart with labels and a reference line

快速入门 

本快速教程介绍了如何创建基础的 Resource Gantt 图表。

首先,向工作表添加一个空图表:

  1. 转到资产面板中的 Custom objects > AnyGantt
  2. 将一个空的 AnyGantt Resource 图表拖动到工作表中。

然后添加两个 dimensions,一个代表资源,另一个代表周期和里程碑:

  1. 转到属性面板中的 Dimensions
  2. 点击 Add dimension 并选择一个维度。
  3. 点击 Add dimension 并选择一个维度。

代表资源的维度应排在首位。如果需要重新排列维度,只需在属性面板中拖动它们即可。

最后,添加两个 measures —— 开始日期和结束日期:

  1. 转到属性面板中的 Measures
  2. 点击 Add measure 并选择一个度量。
  3. 点击 Add measure 并选择一个度量。
  4. 点击第一个度量,并从 Map as 下拉菜单中选择 Start
  5. 点击第二个度量,并从 Map as 下拉菜单中选择 Finish

请注意,您也可以从字段创建维度和度量,或者通过点击空图表上的按钮来添加它们。

A basic resource gantt chart built with AnyGantt for Qlik Sense Extension

Dimensions and Measures 

Dimensions 

要添加维度,请执行以下操作:

  1. 转到属性面板中的 Dimensions
  2. 点击 Add dimension 并选择一个维度。

Resource 图表需要两个维度,一个代表资源,另一个代表周期和里程碑。代表资源的维度应排在首位。如果需要重新排列维度,只需在属性面板中拖动它们即可。

代表资源的维度显示在 维度列 中。代表周期和里程碑的维度不直接显示。

可以通过添加额外维度对资源进行分组并创建多级层级结构。在这种情况下,维度列会显示资源和资源组,并以树状结构组织。

请记住,您需要按正确的顺序排列层级维度,从高级别到低级别。

A resource gantt chart with hierarchical data

您可以自定义维度列中显示的文本:

  1. 转到属性面板中的 Dimensions
  2. 点击一个维度。
  3. Dimension column text 输入框中输入字符串值或字符串表达式。

例如,您可以将资源的数字标识符用作维度,同时在维度列中显示资源名称。为此,只需在 Dimension column text 输入框中输入包含资源名称的字段名称。AnyGantt 仅在使用唯一标识符时才能正常工作,因此如果资源名称不唯一但您仍想显示它们,使用此功能可能会很有意义。

A menu for customizing dimensions in AnyGantt for Qlik Sense Extension

如果需要隐藏空值,请取消选中每个维度设置中的 Include null values 复选框。但是,如果将此方法应用于非平衡数据树,则深度较小的节点将被隐藏。

要隐藏空值并正确可视化非平衡数据树,

  1. 转到属性面板中的 Add-ons > Data handling
  2. 选中 Unbalanced tree 复选框。
Measures 

要添加度量,请执行以下操作:

  1. 转到属性面板中的 Measures
  2. 点击 Add measure 并选择一个度量。

您应该映射所使用的度量:请参阅 Mapping 部分以了解更多信息。

只需添加一个度量 —— 开始日期即可。但在这种情况下,所有元素都将显示为 milestones。要创建 periods,您需要添加第二个度量 —— 结束日期。使用更多度量可以在 度量列 中显示额外信息。

Mapping 

您应该映射所使用的 measures,以确保它们正常工作。

例如,要映射 periods 所需的开始和结束日期,请执行以下操作:

  1. 转到属性面板中的 Measures
  2. 点击第一个度量,并从 Map as 下拉菜单中选择 Start
  3. 点击第二个度量,并从 Map as 下拉菜单中选择 Finish

以下是可用映射及其用途的完整列表:

如果度量代表某些额外信息,且您只想在 度量列 中显示它,请使用 Data field(默认映射)。

Table 

图表左侧的 table 显示文本信息。

index 列 显示行索引,维度列 显示维度,度量列 显示度量。table 顶部的 header 显示各列的标题。

The table of a resource gantt chart with custom column titles and two custom columns

可以更改列的标题和其他设置,并自定义 table 的 header 和 cells 的外观。

要禁用或启用 table,

  1. 转到属性面板中的 Appearance > Table >
  2. 切换 Enabled / Disabled 滑块。

A resource gantt chart with the table enabled and disabled

Index 列 

当您创建图表时,AnyGantt 会自动创建 index 列。它显示行索引,默认标题为 #

The table of a resource gantt chart including the default index column

要配置 index 列,请转到属性面板中的 Appearance > Table > Index column 并执行以下操作:

  • 要禁用或启用,请切换 Enabled / Disabled 滑块。
  • 要设置编号模式,请转到 Numbering mode 并选择可用选项之一。
  • 要设置自定义标题,请在 Label 输入框中输入文本。

可用的编号模式包括:Simple numbering(默认)、Hierarchical numberingExpressionExpression 编号模式需要在 Numbering expression 输入框中输入表达式。

简单编号

The table of a resource gantt chart including the index column with simple numbering

层级编号

The table of a resource gantt chart including the index column with hierarchical numbering

按表达式编号

The table of a resource gantt chart including the index column with numbering by expression

在此示例中,index 列按层级显示资源的 ID:

Pick(Dimensionality(), continent_id, continent_id & '.'
& country_id, continent_id & '.' & country_id & '.' & server_id)
维度列 

当您创建图表时,AnyGantt 会自动创建维度列。它显示代表资源的维度,默认标题为 Name

如果存在代表资源组的额外维度,AnyGantt 会以树状结构按层级显示它们。

The table of a resource gantt chart with the dimension column displaying multiple dimensions

要自定义维度列的标题,

  1. 转到属性面板中的 Appearance > Table > Dimension column
  2. Label 输入框中输入文本。

您也可以自定义维度列中显示的文本 —— 请参阅 Dimensions 部分以了解更多信息。

度量列 

可以添加显示度量的列。默认情况下,它们的标题是度量表达式。

The table of a resource gantt chart with two custom measure columns

要创建度量列,请执行以下操作:

  1. 转到属性面板中的 Measures
  2. 点击 Add measure 并选择一个度量。(如果已添加该度量,请跳过此步骤。)
  3. 在度量设置中,选中 Show as column 复选框。

如果您想使用该度量来创建 periodsmilestones,请不要忘记 映射该度量。如果您只想在列中显示该度量,可以保留默认映射。

要自定义度量列的标题,

  1. 转到属性面板中的 Measures
  2. 点击一个度量,并在 Label 输入框中输入文本。

您还可以在度量列中显示自定义文本:将字符串值或任意字符串表达式作为度量添加,并将其显示在列中。可以使用 HTML 和 Unicode 符号。

  1. 转到属性面板中的 Measures
  2. 点击 Add measure 并从输入框中输入字符串值或字符串表达式。
  3. 选中 Show as column 复选框。

在下面的示例中,第一个度量列代表一个计算每个资源(服务器)稳定周期的聚合持续时间的表达式:

Interval(Sum({<[status]={'stable'}>}[finish_date])) -
Interval(Sum({<[status]={'stable'}>}[start_date]))

第二列代表一个字符串表达式 —— 它根据服务器稳定的时间长短显示不同的文本:

If(Interval(Sum({<[status]={'stable'}>}[finish_date])) -
Interval(Sum({<[status]={'stable'}>}[start_date])) < 20,
'<font color="red">Poor</font>', '<font color="green">Good</font>')

The table of a resource gantt chart with two custom measure columns, on of them representing a calculated expression

table 顶部的 header 显示其各列的标题。

以下部分介绍了如何自定义标题:

您还可以转到属性面板中的 Appearance > Table > Header,配置 header 的背景和字体:

  • 要配置背景,请切换 Background 并使用 Fill 滑块和 Opacity 选项。
  • 要配置字体,请切换 Font 滑块并使用 StyleColorSizeFamilyShadow 选项。

The table of a resource gantt chart with the header customized

Cells 

要配置 table 单元格,请转到属性面板中的 Appearance > Table > Cells 并执行以下操作:

  1. 要配置填充,请从 Fill type 下拉菜单中选择填充类型,并使用下方的可用选项。
  2. 要配置字体,请切换 Font 滑块并使用 StyleColorSizeFamilyShadow 选项。
  3. 要设置高度,请使用 Rows height 选项。
  4. 要配置描边,请切换 Rows stroke 滑块并使用 ColorStroke typeThickness 选项。

请注意,填充、高度和描边设置会同时影响 table 和显示 elements 的区域。

此处调整了 cells 的高度和字体:

A resource gantt chart with the height and font of the cells adjusted

下表说明了不同填充类型之间的区别,并列出了每种类型的可用设置:

填充类型描述设置
Solid所有行应用同一种颜色。Background > Fill, Opacity
Hierarchy颜色应用于显示层级 dimensions 的行。Background base color > Fill, Opacity
Odd/even两种颜色分别指示奇数行和偶数行。Background odd row > Fill, Opacity
Background even row > Fill, Opacity

实色填充

A resource gantt chart with a solid fill applied to the rows

层级填充

A resource gantt chart with a hierarchy fill applied to the rows

奇偶填充

A resource gantt chart with an odd/even fill applied to the rows

Elements 

Elements 是 Resource Gantt 图表中代表与资源相关的时间间隔的部分。

以下是 AnyGantt Extension for Qlik 中可用的 element 类型:

本部分介绍了各类型之间的区别以及如何添加它们。要了解如何配置 elements,请阅读 Settings of Elements 部分。

Periods 

Periods 显示时间间隔的持续时间。

A resource gantt chart with periods

要添加 periods,您需要添加两个 measures —— 开始日期和结束日期。执行以下操作:

  1. 转到属性面板中的 Measures
  2. 点击 Add measure 并选择一个度量。
  3. 点击 Add measure 并选择一个度量。
  4. 点击第一个度量,并从 Map as 下拉菜单中选择 Start
  5. 点击第二个度量,并从 Map as 下拉菜单中选择 Finish
Milestones 

Milestones 是代表持续时间为零的事件的 elements。它们只需要一个度量 —— 开始日期。

要添加 milestones,只需添加 periods 即可。如果您的数据中包含仅有开始日期的项目,AnyGantt 会自动将它们显示为 milestones。

可以在一行中显示多个 milestones。

A resource gantt chart with multiple milestones within each row

Settings of Elements 

颜色 

您可以根据需要为 periodsmilestones 设置颜色。有两个选项可用:本部分介绍的默认着色,以及下文介绍的 按表达式着色

要更改填充和描边的默认颜色及其他设置,请转到属性面板中的 Appearance > Defaults,点击您想要调整的 element 类型,并执行以下操作:

  • 要配置填充,请从 Fill type 下拉菜单中选择填充类型,并使用下方的可用选项。
  • 要配置描边,请使用 StrokeStroke typeThickness 选项。

Elements 支持以下填充类型和设置:

填充类型描述设置
Solid所有 elements 应用同一种颜色。Color
Opacity
By line每行(即每个资源)中的所有 elements 共享内置调色板中的同一种颜色。换句话说,它们按资源着色。调色板选择
Reverse colors
Opacity
By item项目 (elements) 按其在图表行中出现的顺序通过内置调色板着色:调色板的第一种颜色应用于每行中的第一个 elements,第二种颜色应用于第二个 elements,依此类推。调色板选择
Reverse colors
Opacity
By group每个层级组中的所有 elements 共享内置调色板中的同一种颜色。如果存在代表资源组的额外 dimensions,可以使用此选项。调色板选择
Reverse colors
Opacity

按行填充

A resource gantt chart with the periods colored by line

按项目填充

A resource gantt chart with the periods colored by item

按组填充

A resource gantt chart with the periods colored by group

Color by Expression 

您可以根据需要为 periodsmilestones 设置颜色。有两个选项可用:上文介绍的 默认着色,以及本部分介绍的按表达式着色。

Coloring by expression 使用用户定义的表达式设置颜色。通过表达式着色时,您可以定义要使用的颜色以及与哪些值配合使用,从而更好地控制可视化中颜色的使用方式。例如,您可以突出显示特别关注的值,或区分不同数值范围内的值。Coloring by expression 还可以用于根据未包含在可视化中的值到着色,例如按国家/地区、重要性或 RAG 为任务着色。

要按表达式为 element 着色,请执行以下操作:

  1. 转到属性面板中的 Add-Ons > Data settings
  2. 点击 Add setting
  3. 从第一个下拉菜单中选择一个 element。
  4. 从第二个下拉菜单中选择 Color string 选项。
  5. 在输入框中输入表达式。
示例 

以下是几个示例,展示了如何通过颜色表达式实现各种效果。

示例:按单个度量值着色

If(status = 'down', 'salmon', 'yellowgreen')

在此示例中有一个条件。如果服务器状态为 'down',相应的 periods 将被着色为 'salmon',否则将被着色为 'yellowgreen'。

A project gantt chart with the periods colored by expression (a single measure value)

示例:按多个度量值着色

If(status = 'down', 'salmon', If(status = 'high load', 'orange', 'yellowgreen'))

在此示例中包含多个条件。如果服务器状态为 'down',相应的 periods 将被着色为 'salmon'。如果服务器状态为 'high load',相应的 periods 将被着色为 'orange'。所有其他 periods 将被着色为 'yellowgreen'。

A resource gantt chart with the periods colored by expression (multiple measure values)

Labels 

Labels 是显示有关 periodsmilestones 额外信息的文本对象。这两种 element 类型都有各自的标签设置。

默认情况下,图表上没有标签。要启用它们,只需设置标签文本,AnyGantt 就会显示标签。

请注意,可以将标签文本设置为字符串值或任意字符串表达式。使用表达式允许您突出显示特别关注的值,显示未包含在可视化中的值或计算结果等。

要向 element 添加标签,请执行以下操作:

  1. 转到属性面板中的 Add-ons > Label settings
  2. 点击 Add label
  3. 从第一个下拉菜单中选择一个 element。
  4. 从第二个下拉菜单中选择 Text 选项。
  5. 在输入框中输入字符串值或字符串表达式。

使用以下选项进行配置:

  • 要设置位置,请使用 AlignOffset 选项。
  • 要配置背景,请切换 Background 滑块并使用 FillOpacityCorner typeBorder typeBorder radius 选项。
  • 要配置字体,请切换 Font 滑块并使用 StyleColorSizeFamilyShadow 选项。
  • 要设置字符限制,请切换 Character limit 滑块并在输入框中输入数字。

要管理重叠标签,请转到属性面板中的 Add-ons > Label settings,并取消选中或选中 Hide overlapped 复选框。此设置将同时影响所有 element 类型的标签。

在此示例中,对 periods 的标签应用了自定义字体设置。它们显示以下表达式:

If(status = 'down', Upper(status) & '!')

A resource gantt chart with the periods colored by expression (multiple measure values)

Tooltips 

Tooltips 是当用户将鼠标悬停在 elements 上时出现的文本框。您可以分别为 periodsmilestones 设置自定义提示文本。

请注意,可以将提示文本设置为字符串值或任意字符串表达式。使用表达式允许您突出显示特别关注的值,显示未包含在可视化中的值或计算结果等。

要禁用或启用提示,请转到属性面板中的 Interactivity 并切换 Tooltips 滑块。

要配置提示,请转到属性面板中的 Add-ons > Tooltip settings 并执行以下操作:

  • 要配置背景,请切换 Background 滑块并使用 FillOpacityBorder radius 选项。
  • 要配置字体,请切换 Font 滑块并使用 StyleColorSizeFamily 选项。

以下是配置后提示背景和字体的外观示例:

A resource gantt chart with a tooltip, its backgroud and font adjusted

要设置 element 的提示文本和字符限制,请执行以下操作:

  1. 转到属性面板中的 Add-ons > Tooltip settings
  2. 点击 Add tooltip
  3. 从下拉菜单中选择一个 element。
  4. 在输入框中输入字符串值或字符串表达式。
  5. 切换 Character limit 滑块并在输入框中输入数字。
    (此选项仅在设置文本后可用。)

以下是配置提示文本的表达式示例:

'<b>' & Date(start_date, 'MM.DD') & ' – ' & Date(finish_date, 'MM.DD') &
' (' & (Interval(finish_date) - Interval(start_date)) & ' d)</b>' &
'<br><i>' & Capitalize(status) & '</i>' & 

'<br><br>Server: ' & server_name &
'<br>Location: ' & country_name

A resource gantt chart with a tooltip displaying a custom text

Settings of Periods 

Periods 支持以下功能:颜色、Color by ExpressionTooltipsLabels。它们还支持一些特殊设置,如下文各小节所述。

开始和结束标记 

您可以启用 periods 的开始和/或结束标记:

  1. 转到属性面板中的 Appearance > Defaults
  2. 点击 Periods
  3. 转到 Start markerEnd marker
  4. 切换 Disabled / Enabled 滑块。

使用以下选项进行配置:

  • 要设置类型(形状),请从 Type 下拉菜单中选择一个内置类型。
  • 要配置填充和描边,请使用 FillStrokeThickness 选项。
  • 要设置大小,请使用 Size 选项。

A resource gantt chart with the start and end markers of the periods enabled

Settings of Milestones 

Milestones 具有以下常规设置:颜色、Color by ExpressionTooltipsLabels。它们还支持一些特殊设置,如下文各小节所述。

类型和大小 

在属性面板的 Appearance > Defaults > Milestones 部分,您可以调整里程碑的类型和大小(以及 颜色)。

要设置大小,请使用 Size 选项。

要设置类型,请使用以下选项之一:

A button in the menu of AnyGantt for Qlik Sense Extension for setting milestones as built-in shapes点击“图标”象形图,并从下拉菜单中选择一个内置图标(形状)。
A button in the menu of AnyGantt for Qlik Sense Extension for setting milestones as custom images点击“图像”象形图,并在 Image URL 输入框中输入自定义图像的链接。

以下是内置图标之一:

A resource gantt chart with the milestones set as one of the built-in shapes

您还可以使用用户定义的表达式为不同的里程碑分配不同的自定义图像:

  1. 转到属性面板中的 Add-Ons > Data settings
  2. 点击 Add setting
  3. 从第一个下拉菜单中选择 Milestones
  4. 从第二个下拉菜单中选择 Image url 选项。
  5. 在输入框中输入表达式。

在下面的示例中,里程碑根据服务器状态显示为不同的图像。使用了以下表达式:

If(status = 'down', 'https://qlik.anychart.com/static/qlik-demo-apps/milestone-icon-x.png',
If(status = 'high load', 'https://qlik.anychart.com/static/qlik-demo-apps/milestone-icon-arrow-up.png',
If(status = 'stable', 'https://qlik.anychart.com/static/qlik-demo-apps/milestone-icon-arrow-up-in-a-circle.png')))

A resource gantt chart with the milestones set as different custom images

其他功能 

Reference Lines 

Reference line 是从 timeline 上给定点穿过图表区域的线。

您可以向图表添加一个或多个参考线,以指示某个或某些日期。只有当参考线位于当前显示范围内时,才会绘制它。

请注意,可以将定义参考线位置的值指定为日期值或任意日期表达式。

A resource gantt chart with a reference line enabled and customized

要添加参考线,请执行以下操作:

  1. 转到属性面板中的 Add-ons > Reference lines
  2. 点击 Add reference line
  3. Date 输入框中输入日期值或日期表达式。

然后进行配置:

  • 要添加文本标签,请在 Label 输入框中输入文本字符串。
  • 要配置描边,请使用 StrokeStroke typeThickness 选项。
  • 要配置标签位置,请使用 Label orientationLabel position 选项。
  • 要配置字体,请切换 Font 滑块并使用 StyleColorSizeFamilyShadow 选项。

Reference Ranges 

Reference range 是从 timeline 上给定点范围穿过图表区域的区域。

您可以向图表添加一个或多个参考范围,以指示某个或某些时间段。只有当参考范围位于当前显示范围内时,才会绘制它。

请注意,可以将定义参考范围位置的值指定为日期值或任意日期表达式。

A resource gantt chart with a reference range enabled and customized

要添加参考范围,请执行以下操作:

  1. 转到属性面板中的 Add-ons > Reference range
  2. 点击 Add reference range
  3. From 输入框中输入日期值或日期表达式。
  4. To 输入框中输入日期值或日期表达式。

然后进行配置:

  • 要添加文本标签,请在 Label 输入框中输入文本字符串。
  • 要配置填充,请使用 ColorOpacity 选项。
  • 要配置标签位置,请使用 Label orientationLabel position 选项。
  • 要配置字体,请切换 Font 滑块并使用 StyleColorSizeFamilyShadow 选项。

Scale 

AnyGantt Extension 运行一个您可以配置的 scale。可以设置图表默认显示的日期范围,以及 scale 的最小值和最大值。

请注意,您可以将所有这些日期指定为日期值或任意日期表达式。

默认显示范围 

默认情况下,图表会缩小到最大范围。也可以将其放大到自定义的日期范围。但是,如果 scale 的 最小值和最大值 允许,用户仍然可以使用 toolbar(或 鼠标滚轮)缩小图表。

要设置默认显示范围,请执行以下操作:

  1. 转到属性面板中的 Appearance > Scale > Display range
  2. Display rangeAuto 切换为 Custom
  3. From 输入框中输入日期值或日期表达式。
  4. To 输入框中输入日期值或日期表达式。

在以下示例中,默认显示范围设置为 2019 年 7 月 1 日至 15 日:

Date#('07.01.2019', 'MM.DD.YYYY')
Date#('07.15.2019', 'MM.DD.YYYY')

以下是图表在此设置下的默认外观:

A resource gantt chart with the default display range of the scale set to custom dates

最小值和最大值 

当您使用 toolbar(或 鼠标滚轮)将图表缩小到最大程度时,您会看到 scale 的最小值和最大值之间的日期范围。默认情况下,AnyGantt 会调整它们以显示图表的所有 elements

要设置 scale 的最小日期,

  1. 转到属性面板中的 Appearance > Scale > Minimum
  2. MinimumAuto 切换为 Custom
  3. 如有必要,选中 Soft 复选框以启用 soft mode
  4. 在输入框中输入日期值或日期表达式。

要设置 scale 的最大日期,

  1. 转到属性面板中的 Appearance > Scale > Maximum
  2. MaximumAuto 切换为 Custom
  3. 如有必要,选中 Soft 复选框以启用 soft mode
  4. 在输入框中输入日期值或日期表达式。

在此示例中,最小值设置为最早实际开始日期前 10 天,最大值设置为最晚实际结束日期后 10 天:

Min(start_date) - 10
Max(finish_date) + 10

以下是图表在缩小到最大程度时的外观:

A resource gantt chart with the minimum and maximum of the scale set to custom dates

Soft Mode 

要启用 soft mode,请在设置 scale 的 最小值和最大值 时选中 Soft 复选框。

Soft mode 会根据图表的 elements 调整最小值和最大值。当存在早于最小值或晚于最大值的 elements 或 element 的一部分时,这一点非常重要。

例如,如果您将最小值设置为 2019 年 7 月 1 日并启用 soft mode,图表仍将显示所有早于此日期的 elements 和 element 部分。为最小值和最大值同时启用 soft mode 可确保始终可以(通过使用 toolbar)缩小图表以查看所有 elements。

下面是一个 Gantt 图表,其 scale 的最小值和最大值分别设置为 2019 年 7 月 10 日和 20 日:

Date#('07.01.2019', 'MM.DD.YYYY')
Date#('07.15.2019', 'MM.DD.YYYY')

最小值和最大值均禁用了 soft mode:

A resource gantt chart with the minimum and maximum of the scale set to custom dates, the soft mode disabled for both

以下是同一个图表,仅在最小值上启用了 soft mode:

A resource gantt chart with the minimum and maximum of the scale set to custom dates, the soft mode enabled for the minimum

此处仅在最大值上启用了 soft mode:

A resource gantt chart with the minimum and maximum of the scale set to custom dates, the soft mode enabled for the maximum

间距 

您可以添加最小和最大 gap —— 即 elements 所占空间左右两侧的空白区域:

  1. 转到属性面板中的 Appearance > Scale > Gaps
  2. GapsAuto 切换为 Custom
  3. Unit type 下拉菜单中选择 PercentsPixels
  4. 使用 Minimum gapMaximum gap 选项。

另外,请确保上方的 MinimumMaximum 滑块已切换为 Auto最小值和最大值 设置会覆盖间距设置。

此处最小间距设置为 20%,最大间距设置为 50%:

A resource gantt chart with scale gaps of different size to the left and to the right of the space occupied by periods

Timeline 

Timeline 是图表区域上方的一组显示日期的行(级别)。

The timeline of a resource gantt chart

Timeline 中日期和间隔的呈现受 fiscal year 设置和 locale 的影响。

Timeline Levels 

默认情况下,timeline 中有三个级别。每个级别显示特定的时间单位,具体取决于当前缩放级别和 缩放级别的设置

要打开某个级别的设置,请执行以下操作:

  1. 转到属性面板中的 Appearance > Timeline
  2. 点击 Top level / Middle level / Bottom level

然后进行配置:

  • 要禁用或启用,请切换 Enabled 滑块。
  • 要设置填充颜色,请使用 Fill 选项。
  • 要配置字体,请切换 Font 滑块并使用 StyleColorSizeFamilyShadow 选项。

The timeline of a resource gantt chart with two levels customized and the third level disabled

Zoom Levels 

可以使用 toolbar(或 鼠标滚轮)放大和缩小图表。在每个缩放级别,timeline 级别 会显示特定的时间单位。要设置它们,

  1. 转到属性面板中的 Appearance > Timeline
  2. 点击 Zoom levels 以打开带有设置的窗口。
  3. 配置缩放级别。
  4. 点击 SaveClose

以下是缩放级别默认设置窗口:

The menu of AnyGantt for Qlik Sense Extension with the default settings of zoom levels

默认情况下有 9 个缩放级别。最大可用级别数也是 9。在 Zoom levels 窗口中,您可以通过点击各级别右侧的按钮来删除和复制级别。要恢复默认设置,请点击 Restore defaults

每个缩放级别都包含三个 timeline 级别的设置:Top levelMiddle levelBottom level。对于每个 timeline 级别,您可以指定时间单位和单位数量。

您应该为 timeline 的 Top level 指定最大的时间单位,并为 Bottom level 指定最小的时间单位。同样的逻辑也适用于缩放级别:列表中的第一个级别(标记为 Max)是图表完全缩小且 timeline 显示最大时间单位时显示的级别。列表中的最后一个缩放级别 (Min) 是图表完全放大且 timeline 显示最小时间单位时显示的级别。

在下面的示例中,图表只有一个缩放级别:

The menu of AnyGantt for Qlik Sense Extension with custom settings of zoom levels (all levels but one disabled)

A resource gantt chart with only one zoom level enabled

Fiscal Year 

您可以设置 fiscal year 的开始月份。此设置仅影响 timelinetooltips 以及 toolbar 标签中日期和间隔的呈现。您可以选择其他 locale:

  1. 转到属性面板中的 Appearance > Fiscal year
  2. 从第一个下拉菜单中选择 This year / Next year
  3. 从第二个下拉菜单中选择一个月份。

计划 

可以设置并突出显示工作计划:节假日、周末、工作时间和非工作时间。

当图表放大到天时,节假日和周末的突出显示是可见的。当放大到小时时,工作时间的突出显示是可见的。(使用 toolbar鼠标滚轮 放大和缩小图表。)

要配置节假日,请转到属性面板中的 Appearance > Schedule > Holidays 并执行以下操作:

  • 要设置节假日,请在 Holiday dates 输入框中输入您的数据。
  • 要禁用或启用突出显示,请切换 Highlight 滑块。
  • 要配置突出显示,请使用 ColorOpacity 选项。

您可以以字符串形式输入节假日日期,并用逗号分隔:

'07.16.2019, 07.17.2019'

您也可以使用包含节假日日期的数据字段。使用 Concat() 函数将它们组合:

Concat(holiday_date, ',')

要配置周末,请转到属性面板中的 Appearance > Schedule > Weekends

  • 要设置周末天数,请点击代表一周中各天的按钮。
  • 要禁用或启用突出显示,请切换 Highlight 滑块。
  • 要配置突出显示,请使用 ColorOpacity 选项。

在此截图中,两种不同的颜色分别突出显示了周末和两个节假日:

A resource gantt chart with different colors highlighting the weekend and custom holidays

要配置工作时间,请转到属性面板中的 Appearance > Schedule > Working hours

  • 要设置工作时间的开始,请从 Start 下拉菜单中选择一个时间。
  • 要设置工作时间的结束,请从 End 下拉菜单中选择一个时间。
  • 要禁用或启用工作时间的突出显示,请切换 Highlight working time 滑块。
  • 要禁用或启用非工作时间的突出显示,请切换 Highlight non-working time 滑块。
  • 要配置突出显示,请使用滑块下方的 ColorOpacity 选项。

此处工作时间着色为绿色,非工作时间着色为灰色:

A resource gantt chart with different colors highlighting custom working and non-working hours

Locale 

默认情况下,AnyGantt 会读取 Qlik locale 并将其应用于 timelinetooltips 以及 toolbar 标签中使用的日期/时间格式。您可以选择另一个 locale:

  1. 转到属性面板中的 Appearance > Locale
  2. 取消选中 Use Qlik locale 复选框。
  3. 从下拉菜单中选择一个 locale。

AnyGantt 支持以下 locales:

  • 中文 (中华人民共和国)
  • 中文 (台湾)
  • 荷兰语 (荷兰)
  • 英语 (美国)
  • 法语 (法国)
  • 德语 (德国)
  • 意大利语 (意大利)
  • 日语 (日本)
  • 韩语 (韩国)
  • 波兰语 (波兰)
  • 葡萄牙语 (巴西)
  • 俄语 (俄罗斯)
  • 西班牙语 (西班牙)
  • 瑞典语 (瑞典)
  • 土耳其语 (土耳其)

这是一个使用中文区域设置的 Gantt 图表:

A resource gantt chart with the Chinese locale

Toolbar 

Toolbar 是图表上方的导航面板。它允许用户放大和缩小图表、折叠或展开 行(如果行之间存在层级关系)以及 打印 图表。

要配置 toolbar,请转到属性面板中的 Appearance > Toolbar 并执行以下操作:

  • 要禁用或启用,请取消选中或选中 Enabled 复选框。
  • 要设置按钮类型,请使用 Icons(默认)、 LabelsBoth 选项。
  • 要选择要在 Print 下拉菜单中显示的打印格式,请转到 Print formats 并选中相应的复选框。
  • 要配置字体,请切换 Font 滑块并使用 StyleColorSizeFamily 选项。

字体样式和系列设置仅影响按钮标签(如果已启用)。字体大小和颜色同时影响标签和图标以及 Print 菜单。此外,标签文本受 locale 的影响。

以下是带有不同按钮类型的工具栏外观:

IconsThe toolbar of a resource gantt chart displaying icons
LabelsThe toolbar of a resource gantt chart displaying text labels
BothThe toolbar of a resource gantt chart displaying icons and text labels

在此截图中,标签和图标均已启用,并调整了它们的字体:

A resource gantt chart with the toolbar displaying icons and labels, their font adjusted

打印 

toolbar 顶部的图表提供了打印接口。

AnyGantt 支持多页打印以及从 A0 到 A6 的各种打印格式。您还可以选择横向或纵向布局,并指定打印范围(所有日期或仅可见日期)。

以下是包含可用选项的 Print 下拉菜单:

...

...

要选择要在菜单中显示的打印格式,

  1. 转到属性面板中的 Appearance > Toolbar > Print formats
  2. 选中相应的复选框。

交互性 

默认情况下,以下交互功能可用:选择、快照和 tooltips。鼠标滚轮用于垂直滚动图表,但也可以用于缩放图表。

要禁用或启用这些功能,请转到属性面板中的 Interactivity 并切换以下滑块:

  • Selection
  • Snapshots
  • Tooltips
  • Zoom with mouse wheel

展开 / 折叠 

如果存在两个以上的 dimensions,AnyGantt 会按层级组织 table。默认情况下,绘图时所有行都是展开的,显示层级结构的所有级别。

用户可以借助 table 或 toolbar 上的按钮来折叠和展开行。

A resource gantt chart with the rows expanded and collaped

可以绘制所有行都折叠的图表,子 elements 可以加载也可以不加载。要处理加载时的图表状态,请转到属性面板中的 Add-ons > Data handling 并执行以下操作:

  • 要加载整个树或仅加载顶层,请切换 Fully expanded 滑块。
  • 要默认折叠或展开行,请切换 Collapse on load 滑块。

Fully expanded 选项被禁用时,仅加载顶层父 elements。toolbar 按钮 Expand All 仅展开之前加载过的 elements,因此在这种情况下无法使用它一次性展开整个树。要加载子 elements,您必须使用 table 按钮手动展开它们的父项。

Fully expanded 选项被启用时,树的所有 elements 都会被加载。如果启用 Collapse on load,图表在绘制时所有子 elements 都是折叠的,但它们仍然是被加载的。在这种情况下,toolbar 按钮 Expand All 可以一次性展开整个树。

计算条件 

AnyGantt 支持计算条件:您可以设置一个必须满足(为 true)才能显示对象的条件。如果条件不满足,则会显示自定义消息。

当图表或 table 非常大导致可视化响应缓慢时,计算条件非常有用。计算条件可以提供帮助,例如,在用户通过应用选择将数据过滤到更易管理的水平之前不显示对象。

要添加条件,请执行以下操作:

  1. 转到属性面板中的 Add-ons > Data handling
  2. Calculation condition 输入框中输入表达式。
  3. Displayed message 输入框中输入字符串值或字符串表达式。

例如,以下表达式允许仅在用户选择少于 20 个周期时显示图表:

If(Count(period_id) < 20, 1, 0)

如果周期太多,AnyGantt 会显示此消息:

'There are too many periods (' & Count(period_id) & ').'

A resource gantt chart with a calculation condition

 


AnyChart 的其他扩展
Spreadsheets分解树Bullseye Chart圆形仪表盘组合图旭日图项目甘特图时间线经典瀑布高级瀑布
下载 资源甘特图 扩展
下载
分享此页面
LinkedInFacebookXEmail
---