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

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

单个值为 41,394.51 美元,副标题为“上一个完整月的总利润”,子标题显示上个月的 40% 旁边有向下箭头。

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

本页包含以下示例:

成分

前提条件

若要创建单值图表,您需要满足以下条件:

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

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

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

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

示例:与其他值相比显示单个值

虚荣指标本身对用户来说没有多大价值。不过,添加与之前数据点的比较项可以快速为用户提供视角和背景信息。

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

显示值“41,394.51 美元”的单值可视化图表。

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

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

准备好您的“探索”:

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

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

自定义单值图表:

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

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

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

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

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

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

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

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

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

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

最终结果是 12 月的总利润值为 41,394.51 美元,其中子文本突出显示了与上个月的总利润相比,利润下降了 40%。

单个值为 41,394.51 美元,副标题为“上一个完整月的总利润”,子标题显示上个月的 40% 旁边有向下箭头。

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

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

在此示例中,成功月的利润阈值为 3 万美元,每月利润超过此阈值的任何月份都应显示为绿色。

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

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

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

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

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

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

  5. 如需添加其他规则,请选择该标签页底部的添加规则按钮。

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

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

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

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

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

    计算进度将显示一个进度条,其中的值会带有阴影,以指示相对于目标的当前状态。如果应用了默认的标签设置,字段名称也会显示。

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

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

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

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

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

最终结果是今年到目前(年初至今)的利润值为 730,362.93 美元,进度条则显示了距离实现 100 万美元年销售目标的进度。

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

  • 比较标签页中应用计算进度选项和自定义标签“年度销售目标进度”设置后,示例将如下所示:

    单个值为 730,362.93 美元,并带有副标题“年初至今利润”,以及标签为“距离年度销售目标的进度”的进度条,其中 3/4 部分已填充阴影。

  • 比较标签页中应用计算进度(含百分比)选项和自定义标签“年销售目标”设置后,示例将如下所示:

    单个值为 730,362.93 美元,副标题为“年初至今利润”,进度条标签为“73%(1,000,000 美元的年度销售目标)”,其中 3/4 部分已填充阴影。

后续步骤:

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