跳到主要内容 跳到补充内容

垂直表样式设定

有许多样式属性可用于自定义垂直表的观感。样式设计有助于反映组织的色调、协助分析并提高可读性。

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

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

设置文本样式

垂直是一种基于文本的可视化,因此文本可以用多种不同的方式设置样式:

图表级文本样式设定

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

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

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

    • 标题

    • 副标题

    • 脚注

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

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

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

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

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

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

    • 斑马条纹:打开此设置后,可为行设置交替文字颜色。请参阅应用斑马条纹

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

文字强调

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

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

  • <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. 文字颜色表达式下,输入表达式。单击 打开表达式编辑器 以打开表达式编辑器。

文本对齐和列宽

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

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

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

  • 自动

  • 适配内容

  • 像素

  • 百分比

行级文本样式设定

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

自定义背景

背景可在不同层次上进行样式的调整:

图表级背景样式设定

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

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

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

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

    信息注释

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

    有关更多信息,请参阅创建 CSP 条目

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

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

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

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

    • 维度值

    • 度量值

    • 度量标签

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

    • 空值

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

列级别和单元级别背景样式

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

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

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

行级背景样式设定

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

自定义网格

您可以自定义表网格。

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

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

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

    • 行高度:设置行的高度。

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

    • 分隔符:设置分隔表头和表体的分隔符的颜色。

自定义悬停行为

用户将鼠标悬停在表中的某行上方时,可以设置显示选项。

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

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

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

    • 若要在用户悬停在表中的行上时高亮显示这些行,请将开关设置为打开。根据偏好关闭行为。

    • 行悬停颜色:设置颜色以在用户悬停在行上时高亮显示该行。

    • 行悬停字体颜色:当用户悬停在高亮显示的行上时,设置该行中文本的颜色。

自定义边框和阴影

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

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

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

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

  4. 选择边框的颜色。

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

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

应用斑马条纹

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

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

video thumbnail

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

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

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

  4. 调整以下设置:

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

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

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

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

本页面有帮助吗?

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