# 创建网格图

网格图（网格图）使用在网格中排序的大小不同的符号。 网格图包括在可视化捆绑中。[Visualization bundle](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/visualization-bundle.htm)有关更多信息，请参阅。

您可以在编辑的工作表上创建网格图。

执行以下操作：

1. 在资产面板中，打开 图表。

2. 在 可视化 下，将 网格图表 对象拖动到工作表。

3. 单击添加维度按钮以选择图表的 x 轴值。

4. 单击第二个添加维度按钮以选择图表的 y 轴值。

5. 单击添加度量按钮以选择正在衡量的指标。

网格图现在连同您选择的维度和度量显示。

## 排序

网格图元素在 x 轴上自动按字母或数字顺序从最小到最大排序。您可在属性窗格中更改任一轴的排序顺序。

执行以下操作：

1. 在属性面板中转到外观 > 排序。
2. 单击维度。
3. 将排序从自动切换为自定义。
4. 您可选择以下选项中的任一个：
   * 按表达式排序：升序或降序。
   * 按升序或降序以数值方式排序。
   * 按升序或降序以字母数字方式排序。

## 更改图表的外观

您可自定义网格图的外观。

带星星的网格图。星星的颜色和大小是由度量（总销售额）确定的。

带星星的网格图。星星的颜色和大小是由度量（总销售额）确定的。

带星星的网格图。星星的颜色和大小是由度量（总销售额）确定的。 ![带星星的网格图。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ex_gridchart_stars.png)

### 自定义符号

可以从属性面板中的外观>表示标签更改符号的形状和大小：

* 使用符号大小滑块来更改大小。

* 使用符号下拉菜单来更改符号类型。

### 在符号上放置标签

您可以将符号的各个值直接放置在图表上。在外观>演示选项卡中，将标签从关闭切换到自动。

### 使用网格图作为热图

可以从属性面板中的外观>演示选项卡将网格图的布局更改为热图。在布局下拉菜单中，选择：

* 标准：图表将显示单个符号。

* 热图：图表将以网格形式显示数据，并按颜色排序图例。

有关将网格图用作热图的可视化演示，请参阅[使用网格图创建热图](https://share.vidyard.com/watch/pznWdVxeT4KgnACi6tZkcD)。

### 更改颜色方案

可以从颜色和图例标签更改符号的颜色方案。将 颜色 设置为 自定义。在下拉菜单中，选择：

* 单种颜色：您可选择任意颜色。
* 按维度：在配色方案下，可更改使用了多少不同的颜色。
* 按度量：在配色方案下，您可以更改颜色渐变。单击反转颜色复选框以翻转渐变顺序。所用的颜色基于您的应用程序主题。
* 按表达式：您可在表达式中添加颜色代码。或者，取消选中表达式是颜色代码复选框，可以更改颜色渐变。单击反转颜色复选框以翻转渐变顺序。所用的颜色基于您的应用程序主题。

### 更改范围限制

如果按度量或表达式着色，则可以自定义范围的限制。全范围由维度值定义。在属性面板中，转到外观 > 颜色和图例 > 范围。

* 最小：定义范围的下限。
* 最大：定义范围的上限。

### 更改轴的刻度

您可自定义 x 轴和 y 轴的表示。转到属性面板中的外观 > X-轴：[维度] 或外观 > Y-轴：[维度]。您可以设置：

* 标签和标题：选择要显示的标签和标题。

* 标签方向：选择显示标签的方式。有以下选项可用：

  * 自动：根据图表上的可用空间自动选择其他选项之一。

  * 水平：标签排列在一条水平线上。

  * 倾斜：标签以一定角度水平堆叠。

  * 分层：标签在两条水平线上交错排列。

  要查看标签方向的 ，请参阅[X 轴和 Y 轴](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/change-appearance-of-visualization.htm#X-axis)。

* 位置：选择在何处显示维度轴。

* 轴数值数：

  * 自动：可见条形的数目由使用的维度和度量的数目确定。

  * 最大：可见条形的数目设置为最大值。

  * 自定义：如果选择了自定义，则可使用最大数目或通过输入表达式将上限直接设置为可见条形的数目。单击表达式以打开表达式编辑器。

* 显示网格线：选择是否显示网格线。

## 使用样式面板进一步自定义外观

在属性面板中的外观下有大量样式设定按钮可供您使用。

单击外观>演示文稿下的the 样式 icon以进一步自定义图表的样式。样式面板包含常规和图表选项卡下的各个部分。

您可以通过单击每个部分旁的 ![重置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 重置样式。单击 ![重置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 全部重置可重置样式面板中所有可用标签的样式。

有关设置单个可视化样式的常规信息，请参见[将自定义样式应用于可视化](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。

### 自定义文本

可以在外观 > 常规下设置标题、副标题和脚注的文本。若要隐藏这些元素，请关闭显示标题。

图表上不同标签的可见性取决于特定于图表的设置和标签显示选项。这些可以在属性面板中进行配置。

您可以设置图表中显示的文本的样式。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 > 展示下，单击 the 样式 icon。

3. 在常规选项卡上，设置以下文本元素的字体、强调样式、字体大小和颜色：

   * 标题

   * 副标题

   * 脚注

4. 在图表选项卡上，设置以下文本元素的字体、字体大小和颜色：

   * 轴标题：设置轴上的标题样式。

   * 轴标签：设置轴上的标签样式。

   * 值标签：为显示每个维度值的度量值的标签设置样式。

   * 图例标题：设置图例的标题样式。图例仅适用于热图配置。

   * 图例标签：设置各个图例项的标签样式。图例仅适用于热图配置。

### 自定义背景

可以自定义图表的背景。可以通过颜色和图像来设置背景。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 > 展示下，单击 the 样式 icon 。

3. 在样式面板的一般选项卡上，您可以选择背景颜色（单色或表达式）。您也可将背景设置为媒体库或 URL 中的图像。

   信息注释

   要从 URL 添加背景图像，必须将来源添加到租户的内容安全策略中的允许列表中。使用 img-src 指令添加来源。这由管理员在 Administration 活动中心完成。

   有关更多信息，请参阅[创建 CSP 条目](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。

   使用背景色时，请使用滑块调整背景的不透明度。

   使用背景图像时，可以调整图像大小和位置。

### 自定义边框和阴影

您可以自定义图表的边框和阴影。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 > 展示下，单击 the 样式 icon。

3. 在样式面板的常规选项卡上的边框下，调整轮廓大小以增加或减少图表周围的边框线。

4. 选择边框的颜色。

5. 调整拐角半径以控制边框的圆度。

6. 在常规选项卡的阴影下，选择阴影大小和颜色。选择无以移除阴影。

相关学习内容：

* [如何配置可视化捆绑网格图？](https://help.qlik.com/lnk/How_configure_vizbundle_grid)

## 了解详情

* [如何配置可视化捆绑网格图？](https://help.qlik.com/lnk/How_configure_vizbundle_grid)