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

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

单个值 $41,394.51,副标题为“上个完整月的总利润”,子文本显示一个向下箭头,表示比上个月减少了 40%。

此实用指南将帮助您了解如何创建尽可能呈现丰富背景信息的单个数据点可视化图表。

本页包含以下示例:

所需材料

前提条件

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

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

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

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

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

示例:显示单个值与其他值的比较

仅靠虚荣指标无法为用户提供多少价值。不过,添加与之前数据点的比较可以快速为用户提供视角和背景信息。

例如,以下查询会显示过去 12 个月内按创建月份分组的总利润。默认情况下,单值可视化图表仅显示“总利润”指标的顶部行值,即上一个完整月份(12 月 [2019-12])的 $41,394.51。

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

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

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

准备好 Explore:

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

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

自定义单值可视化图表:

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

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

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

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

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

    在此示例中,负变化表示 12 月与 11 月相比,总利润有所下降,这被视为“不良”变化。

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

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

    保持显示标签选项不变,以按原样包含字段标签。

    标签字段中输入自定义标签。在此示例中,应用了自定义标签“上个月”。

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

单个值 $41,394.51,副标题为“上个完整月的总利润”,子文本显示一个向下箭头,表示比上个月减少了 40%。

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

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

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

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

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

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

    格式下拉菜单中选择条件。在此示例中,我们选择如果值大于

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

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

  5. 选择标签页底部的添加规则按钮,添加另一条规则。

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

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

示例:在目标完成进度的背景下显示单个值

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

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

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

准备好 Explore:

  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 样式的值格式。

    在此示例中,我们在标题替换部分中输入了“年初至今的利润”,以便更好地表明该值所代表的含义。

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

  4. 值标签下拉菜单中选择计算进度选项或计算进度(含百分比)选项。

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

    计算进度(含百分比)将显示带阴影的进度条,其中包含文字“X% of X ”,并应用默认的标签设置。

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

    取消选中显示标签选项可隐藏字段标签。如果选择计算进度选项,则只会显示带阴影的进度条。如果选择计算进度(以百分比表示)选项,系统会在带阴影的进度条中显示“X% 的 X”字样。

    保持显示标签选项不变,以按原样包含字段标签。

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

最终结果是年初至今 (YTD) 的利润值 730,362.93 美元,并附带一个进度条,用于指示距离 1,000,000 美元的年度销售目标的完成进度。

应用计算进度计算进度(含百分比)设置后,示例看起来会有所不同。

  • 以下示例展示了应用比较标签页中的计算进度选项和自定义标签“年度销售目标达成进度”设置后的效果:

    单个值 $730,362.93,带有“年初至今的利润”副标题和标记为“年度销售目标完成进度”的进度条(3/4 阴影)。

  • 以下是应用了计算进度(百分比)选项和自定义标签“年度销售目标”设置后的示例效果(来自比较标签页):

    单个值 $730,362.93,带有“年初至今的利润”副标题,以及一个标记为“年度销售目标 1,000,000 美元的 73%”的进度条(3/4 为阴影)。

后续步骤:

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