充分利用 Looker 可视化图表实用手册:通过单个值可视化图表呈现大量信息

清晰简洁地呈现信息,让用户无需花费额外时间寻找背景信息,就能快速了解单个数据点与更大趋势的关系,或与其他值的对比情况。例如,本页显示单个值与其他值的比较部分中的以下可视化图表可帮助用户了解某个值与其他值的比较情况:

单一值“$41,394.51”,副标题为“上个完整月份的总利润”,辅助文本显示一个向下箭头,旁边是“40% from previous month”(比上个月下降 40%)。

本指南将帮助您了解如何创建可视化图表,以尽可能多的背景信息呈现单个数据点。

本页包含以下示例:

食材

前提条件

创建单值可视化图表需要满足以下条件:

使用单值可视化图表时的注意事项

创建和使用单值可视化图表时,请务必考虑以下事项:

  • 在信息中心内查看多个单值可视化图表时,每个可视化图表默认使用相同的字号,以保持外观一致。不过,当图块尺寸缩小时,单值可视化图表会自动调整字体大小。如果可视化图表的字体无法在可用空间中显示完整值,则该值会被截断并显示为省略号 (…)。
  • 如果启用了智能单值文本大小功能,则信息中心图块中显示的单值可视化图表上的字体会自动调整大小,以便在任何给定大小的图块中显示至少 8-10 个值字符。
  • 只有在由 Looker 管理员在自定义主题中指定时,才能更改嵌入式内容的字体。
  • 无法通过可视化图表的修改菜单自定义字体大小。如需自定义值的字体样式和字体大小,您只能自行承担风险,采用以下任一权宜解决方法:
    • 向字段的 LookML 定义添加 html 参数,并使用 HTML 样式标记指定字体和大小设置。例如:html: <p style="color: red; font-size: 50px">{{ 值 }}</p> ;;
    • 使用修改单值可视化图表中的字体大小社区帖子中介绍的散点图方法。

在信息中心内显示多个单值可视化图表时,字体大小可能仍会受到本列表中第一个要点所述注意事项的影响。

示例:显示一个值并与其他值进行比较

虚荣指标本身对用户几乎没有价值。不过,如果能与之前的数据点进行比较,用户就能快速了解背景信息。

例如,以下查询会显示过去 12 个月内按创建月份分组的总利润。默认情况下,单值可视化图表仅显示 Total Profit(总利润)测量结果的首行值,即最后一个完整月份(2019 年 12 月)的利润:$41,394.51。

显示值 $41,394.51 的单值可视化图表。

如果没有数据表作为背景信息,该值不会向用户提供太多信息。如果您想展示上一个完整月份的总利润与前一个月的总利润相比如何,该怎么办?您可以使用可视化图表修改菜单中的设置,在可视化图表中创建这些值的比较。

如需显示当前值与上一行值的比较结果,请按以下步骤操作:

准备好您的探索:

  1. 整理您的“探索”查询,使可视化图表显示所需的值。
  2. 向“探索”查询添加一个字段,用于比较当前行和上一行的值。

    如果字段选择器中没有现成的比较字段,并且您拥有必要的权限,则可以使用表计算快捷方式。此示例使用与上一行相比变化的百分比计算。

自定义单值可视化图表:

  1. 打开可视化栏上的修改菜单。
  2. 从样式标签页中选择所需的样式选项,包括添加自定义标题(将作为子文本显示在值下方)以及任何 Excel 样式的值格式。

    在此示例中,在标题替换部分中输入了“上一个完整月份的总利润”,以便更好地说明该值代表的含义。

  3. 在比较标签页上,选择显示。

  4. 从值标签下拉菜单中选择显示为变化选项。

  5. 如果符合您的使用场景,请选择正值是错误的选项,以红色显示正值变化,以绿色显示负值变化。

    在本例中,负变化表示 12 月的总利润低于 11 月,这被视为“不良”变化。

  6. 根据需要,在比较标签页上自定义价值比较标签。

    取消选中显示标签选项可隐藏字段标签。

    保持显示标签选项不变,以原样添加字段标签。

    在标签字段中输入自定义标签。在本示例中,应用了自定义标签“from previous month”。

最终结果是 12 月份的总利润值(41,394.51 美元),副文本突出显示了与上个月总利润的比较,即下降了 40%。

单一值“$41,394.51”,副标题为“上个完整月份的总利润”,辅助文本显示一个向下箭头,旁边是“40% from previous month”(比上个月下降 40%)。

添加条件格式以提供更多背景信息

您可以使用条件格式添加额外的背景信息,同时保持可视化图表简洁明了。

在此示例中,成功月份的利润阈值为 30,000 美元,任何超过此阈值的月度利润都应以绿色表示。

您可以使用可视化图表修改菜单中格式标签页上的条件格式设置,来传达该值高于利润阈值的信息。

如需在单值可视化图表修改菜单中启用条件格式,请执行以下操作:

  1. 打开可视化栏上的修改菜单。
  2. 在格式设置标签页上,选择启用条件格式选项。
  3. 从颜色部分的集合下拉菜单中选择一个调色板。
  4. 在规则部分中输入格式设置规则。

    从格式下拉菜单中选择条件。在本例中,选择如果值大于。

    输入规则阈值。在此示例中,输入“30000”。

    选择所需的背景颜色和字体颜色。请务必考虑色彩对比度,以确保内容的无障碍性。在此示例中,我们选择了白色背景和深绿色字体。

  5. 选择标签页底部的添加规则按钮,即可添加其他规则。

    在本示例中,我们创建了另一条规则,用于指示总利润值低于 30,000 美元阈值的情况。

12 月的总利润为 41,394.51 美元,可能比上个月的总利润低 40%,但仍高于利润阈值。现在,总利润值以绿色显示,向用户表明该值高于利润阈值。

示例:在朝着目标前进的背景下显示单个值

另一种单值图可视化选项是在实现目标的进度背景下显示值。

例如,使用同一数据集(过去 12 个月的总利润,按创建月份分组),您可以显示年初至今 (YTD) 的总利润与全年利润目标的对比情况。此示例的年度利润目标为 1,000,000 美元。

如需在进度上下文中显示单个值,请按以下步骤操作。

准备好探索:

  1. 使用表计算功能创建总利润值的总和。表计算表达式为 sum(${view_name.field_name})。

    在此示例中,表达式为 sum(${order_items.total_profit})。

  2. 添加一个字段或新的表计算,用于表示要与该值进行比较的目标。

    如果您要创建表计算,则需要将该值表示为测量,以便将其包含在可视化图表中。

    在计算表达式中,将度量乘以零,然后加上目标价值:(${measure_viewname.measure_fieldname}*0) + <value that is the goal>。

    在此示例中,表达式为 (${order_items.total_profit}*0) + 1000000。

自定义单值可视化图表:

  1. 打开可视化栏上的修改菜单。
  2. 从样式标签页中选择所需的样式选项,包括添加自定义标题(将作为子文本显示在值下方)以及任何 Excel 样式的值格式。

    在本示例中,我们在标题替换部分中输入了“YTD profit”,以便更好地说明该值代表的含义。

  3. 在比较标签页上,选择显示。

  4. 从值标签下拉菜单中选择计算增减选项或计算增减(以百分比显示)选项。

    计算进度会显示一个进度条,其中阴影部分表示当前值与目标值的对比情况。如果应用了默认标签设置,系统还会显示字段名称。

    计算增减(以百分比显示)会显示带阴影的进度条,并显示文本 X% of X ,同时应用默认标签设置。

  5. 根据需要,在比较标签页上自定义进度条标签。

    取消选中显示标签选项可隐藏字段标签。如果选择计算进度选项,则只会显示一个带阴影的进度条。如果选择计算增减(以百分比显示)选项,系统会在带阴影的进度条中显示文本 X% of X。

    保持显示标签选项不变,以原样添加字段标签。

    在标签字段中输入自定义标签。

最终结果是年初至今 (YTD) 利润值为 $730,362.93,进度条指示实现 $1,000,000 年度销售目标的进度。

应用计算增减和计算增减(以百分比显示)设置后,示例看起来会有所不同。

  • 以下是应用比较标签页中的计算进度选项和自定义标签“progress to yearly sales goal”设置后的示例:

    单个值 $730,362.93,副标题为“YTD profit”,进度条标签为“progress to yearly sales goal”,进度条有 3/4 处于阴影状态。

  • 在比较标签页中应用计算增减(以百分比显示)选项和自定义标签“yearly sales goal”设置后,示例将如下所示:

    单个值 $730,362.93,副标题为“YTD profit”,进度条标签为“73% of $1,000,000 yearly sales goal”,进度条有 3/4 处于阴影状态。

后续步骤:

创建单值图后,您可以与他人分享: