设置直表样式 | Qlik Cloud帮助
跳到主要内容 跳到补充内容

设置直表样式

有许多样式属性可用于自定义直表的外观和感觉。样式设置有助于反映您组织的调色板、辅助分析并提高可读性。

有关调整直表外观其他方面的信息,请参阅 自定义直观表外观和导航

有关设置单个可视化样式的常规信息,请参阅 将自定义样式应用于可视化

设置文本样式

直表是基于文本的可视化,因此可以通过许多不同的方式设置文本样式:

图表级文本样式

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

  2. 外观 > 展示下,单击 调色板样式

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

    • 标题

    • 副标题

    • 脚注

  4. 图表选项卡上,为以下文本元素设置字体、强调样式、字体大小和颜色:

    • 标题:设置维度和度量标题的文本样式。

    • 维度值:设置维度值的文本样式。

    • 度量值:设置度量值的文本样式。

    • 总计:如果您已在外观 > 展示下选择显示总计行,则设置总计的文本样式。

    • 小计:设置小计行的文本样式。

    • 空值:设置空值的文本样式。您可以更改强调样式和颜色。

    • 斑马纹:开启此设置后,您可以为行设置交替的文本颜色。请参阅 应用斑马纹

列级别和单元级别文本样式

文字强调

您可以使用表达式定义如何设置每列中的文本样式。如果使用表达式设置列文本的样式,则此表达式将覆盖该列的应用程序主题以及应用于可视化的任何自定义样式设定。

您可以在表达式中使用以下语法来定义样式设定(标签中的字母不区分大小写):

  • <B>:加粗

  • <I>:斜体

  • <U>:带下划线

  • <S>:带贯穿线

一次可以应用多个以上选项。

示例:  

if(avg(Sales) > 300, '<B>')
if(count(OrderID) = 0, '<S>')
if(sum(Sales) > 100000, '<B><U>', '<I>')
  1. 数据下,选择一个列,然后展开属性中的演示

  2. 文字样式表达式下,输入表达式。单击 打开表达式编辑器 以打开表达式编辑器。

文本颜色

您可以更改各列的文字颜色。您可以更改列标题和内容单元格中的文本颜色。

  1. 数据下,选择一个列,然后展开属性中的演示

  2. 要为标题单元格文本着色,请在标题下的文本颜色表达式下输入表达式。单击 打开表达式编辑器 以打开表达式编辑器。

  3. 要为内容单元格文本着色,请在内容下的文本颜色表达式下输入表达式。单击 打开表达式编辑器 以打开表达式编辑器。

文本对齐和列宽

  1. 数据下,选择一个列,然后展开属性中的演示

  2. 使用滑块选择文本对齐的选项。对于自定义文本对齐方式,您可以选择左对齐、居中对齐或右对齐。

    信息注释如果文本对齐设置为自动,则列数据会根据数据类型对齐:文本值为左对齐,数值(包括日期相关值)为右对齐。如果将其设置为自定义,则可以靠左、居中或靠右对齐数据。
  3. 进行列宽选择。您可以选择以下选项之一:

  • 自动

  • 适配内容

  • 像素

  • 百分比

行级文本样式

行级设置可用于设置文本样式:

自定义背景

可以在各个级别设置背景样式:

图表级背景样式

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

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

  2. 外观 > 展示下,单击 调色板样式

  3. 在样式面板的常规选项卡上,您可以选择背景颜色(单色或表达式)。您还可以将背景设置为来自媒体库或 URL 的图像。

    信息注释

    要从 URL 添加背景图像,需要将该 URL 的源添加到租户的内容安全策略的允许列表中。必须使用以下指令添加源:img-src。这由租户管理员完成。

    有关详细信息,请参阅 创建 CSP 条目

    使用背景颜色时,请使用滑块调整背景的不透明度。图表标题始终以 100% 的不透明度显示。

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

  4. 图表选项卡上,自定义以下元素的背景颜色:

    • 标题(使用 100% 不透明度)

    • 维度值

    • 度量值

    • 度量标签

    • 总计(使用 100% 不透明度)

    • 小计(使用 100% 不透明度)

    • 空值

    • 斑马纹(请参阅 应用斑马纹

列级和单元格级背景样式

您可以使用表达式来定义每列的标题和内容单元格的背景颜色。 如果您使用表达式设置列的背景样式,则该表达式将覆盖应用程序主题以及应用于该列可视化的任何自定义样式。 如果您尚未设置文本颜色,则文本将自动成为您所选背景颜色的高对比度颜色。

  1. 数据下,选择一列并在属性中打开展示

  2. 要为列的标题单元格背景着色,请在标题下的背景颜色表达式中输入表达式。单击 打开表达式编辑器 打开表达式编辑器。

  3. 要为列的内容单元格背景着色,请在内容下的背景颜色表达式中输入表达式。单击 打开表达式编辑器 打开表达式编辑器。

行级背景样式

行级设置可用于定义背景颜色:

自定义网格

您可以自定义表格网格。

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

  2. 外观 > 展示下,单击 调色板样式

  3. 图表选项卡上,使用以下元素自定义网格:

    • 行高:以行为单位设置行的高度。

    • 边框:设置单元格边框的颜色。

    • 分隔线:设置分隔表格标题和正文的分隔线颜色。

自定义悬停行为

您可以设置当用户将鼠标悬停在表格中的行上时的显示选项。

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

  2. 外观 > 展示下,单击 调色板样式

  3. 在样式面板的图表选项卡上,在行悬停下,调整以下设置:

    • 要在用户将鼠标悬停在表格中的行上时突出显示这些行,请将开关设置为。根据偏好关闭该行为。

    • 行悬停颜色:设置当用户将鼠标悬停在行上时突出显示该行的颜色。

    • 行悬停字体颜色:设置当用户将鼠标悬停在突出显示的行上时该行中文本的颜色。

自定义边框和阴影

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

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

  2. 外观 > 展示下,单击 调色板 样式

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

  4. 选择边框的颜色。

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

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

应用斑马纹

使用斑马纹,您可以为直表添加交替的行颜色。斑马纹通过增加奇数行和偶数行之间的对比度来提高可读性。

您可以设置奇数行和偶数行的文本和背景颜色。

video thumbnail

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

  2. 外观 > 展示下,单击 调色板样式

  3. 在样式面板的图表选项卡上,将斑马纹设置为

  4. 调整以下设置:

    • 颜色(奇数行):设置奇数行的文本颜色。

    • 背景(奇数行):设置奇数行的背景颜色。

    • 颜色(偶数行):设置偶数行的文本颜色。

    • 背景(偶数行):设置偶数行的背景颜色。

本页面有帮助吗?

如果您发现此页面或其内容有任何问题 – 打字错误、遗漏步骤或技术错误 – 请告诉我们!