# 垂直表样式设定 有许多样式属性可用于自定义垂直表的观感。样式设计有助于反映组织的色调、协助分析并提高可读性。 有关调整垂直表外观其他方面的信息，请参阅[自定义直观表外观和导航](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-appearance.htm)。 有关设置单个可视化样式的常规信息，请参见[将自定义样式应用于可视化](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。 ## 设置文本样式 垂直是一种基于文本的可视化，因此文本可以用多种不同的方式设置样式： * [图表级文本样式设定](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ChartText) * [列级别和单元级别文本样式](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ColLevel) * [行级文本样式设定](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#RowText) ### 图表级文本样式设定 执行以下操作： 1. 在属性面板中，展开外观部分。 2. 在外观 > 展示下，单击the 样式 icon。 3. 在常规选项卡上，设置以下文本元素的字体、强调样式、字体大小和颜色： * 标题 * 副标题 * 脚注 4. 在图表选项卡上，设置以下文本元素的字体、强调样式、字体大小和颜色： * 标题：为维度和度量设置标题的文本样式。 * 维度值：设置维度值文本的样式。 * 度量值：设置度量值的文本样式。 * 总计：如果您已选择在外观 > 演示下显示总计行，请设置总计的文本样式。 * 小计：设置小计行的文本样式。 * 维度 Null 值（参见 [自定义空值](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Nulls)） * 度量空值（参见 [自定义空值](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Nulls)） * 斑马条纹：打开此设置后，可为行设置交替文字颜色。请参阅 [应用斑马条纹](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ZebraStripes)。 ### 列级别和单元级别文本样式 #### 文字强调 您可以使用表达式定义如何设置每列中的文本样式。如果使用表达式设置列文本的样式，则此表达式将覆盖该列的应用程序主题以及应用于可视化的任何自定义样式设定。 您可以在表达式中使用以下语法来定义样式设定（标签中的字母不区分大小写）： * ``：加粗 * ``：斜体 * ``：带下划线 * ``：带贯穿线 一次可以应用多个以上选项。 示例： if(avg(Sales) > 300, '<B>') if(count(OrderID) = 0, '<S>') if(sum(Sales) > 100000, '<B><U>', '<I>') 执行以下操作： 1. 在数据下，选择一个列，然后展开属性中的演示。 2. 在文字样式表达式下，输入表达式。单击 the 打开表达式编辑器 icon 以打开表达式编辑器。 #### 文本颜色 您可以更改各列的文字颜色。您可以更改列标题和内容单元格中的文本颜色。 执行以下操作： 1. 在数据下，选择一个列，然后展开属性中的演示。 2. 要为标题单元格文本着色，请在标题下的文本颜色表达式下输入表达式。单击 the 打开表达式编辑器 icon 以打开表达式编辑器。 3. 要为内容单元格文本着色，请在内容下的文本颜色表达式下输入表达式。单击 the 打开表达式编辑器 icon 以打开表达式编辑器。 #### 文本对齐和列宽 执行以下操作： 1. 在数据下，选择一个列，然后展开属性中的演示。 2. 使用滑块选择文本对齐的选项。对于自定义文本对齐方式，您可以选择左对齐、居中对齐或右对齐。 信息注释如果文本对齐设置为自动，则列数据会根据数据类型对齐：文本值为左对齐，数值（包括日期相关值）为右对齐。如果将其设置为自定义，则可以靠左、居中或靠右对齐数据。 3. 进行列宽选择。您可以选择以下选项之一： * 自动 * 适配内容 * 像素 * 百分比 ### 行级文本样式设定 行级设置可用于设置文本样式： * [应用斑马条纹](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ZebraStripes) * [自定义悬停行为](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Customiz) ## 自定义背景 背景可在不同层次上进行样式的调整： * [图表级背景样式设定](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ChartBckgrd) * [列级别和单元级别背景样式](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ColBckgrd) * [行级背景样式设定](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#RowBckgrd) ### 图表级背景样式设定 可以自定义图表的背景。可以通过颜色和图像来设置背景。 执行以下操作： 1. 在属性面板中，展开外观部分。 2. 在外观 > 展示下，单击the 样式 icon。 3. 在样式面板的一般选项卡上，您可以选择背景颜色（单色或表达式）。您也可将背景设置为媒体库或 URL 中的图像。 信息注释 要从 URL 添加背景图像，需要将 URL 的来源添加到租户的内容安全策略中的允许列表中。源必须添加以下指令：img-src。这是由租户管理员完成的。 有关更多信息，请参阅[创建 CSP 条目](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。 使用背景色时，请使用滑块调整背景的不透明度。图表标题始终以 100% 不透明度显示。 使用背景图像时，可以调整图像大小和位置。 4. 在图表选项卡上，自定义以下元素的背景色： * 标题（使用了 100% 不透明度） * 维度值 * 度量值 * 度量标签 * 总计（使用了 100% 不透明度） * 小计（使用了 100% 不透明度） * 维度 Null 值（参见 [自定义空值](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Nulls)） * 度量空值（参见 [自定义空值](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Nulls)） * 斑马条纹（请参阅 [应用斑马条纹](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ZebraStripes)） ### 列级别和单元级别背景样式 您可以使用表达式定义每列的标题单元格和内容单元格的背景颜色。如果使用表达式设置列背景的样式，则对于该列，此表达式将覆盖应用程序主题以及应用于可视化的任何自定义样式。 如果您未设置文本颜色，文本将自动采用与所选背景颜色形成高对比度的颜色 执行以下操作： 1. 在数据下，选择一个列，然后展开属性中的演示。 2. 要为列的标题单元格背景着色，请在标题下的背景颜色表达式中输入表达式。单击 the 打开表达式编辑器 icon 以打开表达式编辑器。 3. 要为列的内容单元格背景着色，请在内容下的背景颜色表达式中输入表达式。单击 the 打开表达式编辑器 icon 以打开表达式编辑器。 ### 行级背景样式设定 行级设置可用于定义背景颜色： * [应用斑马条纹](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ZebraStripes) * [自定义悬停行为](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Customiz) ## 自定义空值 您可以更改 null 值在垂直表中的表示方式。 您可以更改 null 值对维度和度量的表示方式。为各项输入用于替换空值的静态文本。当您为度量空值文本输入数值时，它会被解释为数字而非文本。这允许您用实际值（如 0）填充缺失的计算。维度空值文本始终被解释为文本。 对于值为 null 的表格单元格，null 值样式会覆盖在行、列和单元格级别设置的任何其他样式。 执行以下操作： 1. 在属性面板中单击外观 > 演示。 2. 在外观 > 展示下，单击 the 样式 icon 。 3. 打开样式面板的图表选项卡。 4. 在维度空值和度量空值部分，您可以调整以下内容： * 强调样式、文本颜色和背景颜色。 * Null 文本：输入要替换 null 值的文本。 信息注释如果度量空值使用设置为 0 的空值文本显示，它将被视为数值，并继承为度量值设置的样式和背景色。这不适用于维度空值，它们始终被视为文本。 ## 自定义网格 您可以自定义表网格。 执行以下操作： 1. 在属性面板中，展开外观部分。 2. 在外观 > 展示下，单击 the 样式 icon 。 3. 在图表选项卡上，用以下元素自定义网格： * 行高度：设置行的高度。 * 边框：设置单元格边框的颜色。 * 分隔符：设置分隔表头和表体的分隔符的颜色。 ## 自定义悬停行为 用户将鼠标悬停在表中的某行上方时，可以设置显示选项。 执行以下操作： 1. 在属性面板中，展开外观部分。 2. 在外观 > 展示下，单击 the 样式 icon 。 3. 在样式设置面板的图表选项卡上的行悬停下，调整以下设置： * 若要在用户悬停在表中的行上时高亮显示这些行，请将开关设置为打开。根据偏好关闭行为。 * 行悬停颜色：设置颜色以在用户悬停在行上时高亮显示该行。 * 行悬停字体颜色：当用户悬停在高亮显示的行上时，设置该行中文本的颜色。 ### 自定义边框和阴影 您可以自定义图表的边框和阴影。 执行以下操作： 1. 在属性面板中，展开外观部分。 2. 在外观 > 展示下，单击 the 样式 icon。 3. 在样式面板的常规选项卡上的边框下，调整轮廓大小以增加或减少图表周围的边框线。 4. 选择边框的颜色。 5. 调整拐角半径以控制边框的圆度。 6. 在常规选项卡的阴影下，选择阴影大小和颜色。选择无以移除阴影。 ## 应用斑马条纹 使用斑马条纹，您可以在垂直表上添加交替的颜色行。斑马条纹通过增加奇数行和偶数行之间的对比度来提高可读性。 您可以设置奇数行和偶数行的文本和背景颜色。 [Zebra stripes](https://play.vidyard.com/TdruWyqDrG9nqXj7VTnHL4) 执行以下操作： 1. 在属性面板中，展开外观部分。 2. 在外观 > 展示下，单击the 样式 icon。 3. 在样式面板的图表选项卡上，将斑马条纹设置为打开。 4. 调整以下设置： * 颜色（奇数行）：设置奇数行的文字颜色。 * 背景（奇数行）：设置奇数行的背景颜色。 * 颜色（偶数行）：设置偶数行的文字颜色。 * 背景（偶数行）：设置偶数行的背景颜色。