充分利用 Looker 可视化图表实战宝典:通过单一值可视化图表展示大量信息

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

单个值 41,394.51 美元,副标题为“上个完整月份的总利润”,辅助文本显示与上个月相比的 40% 旁边的向下箭头。

本实战宝典将帮助您了解如何创建可视化,以尽可能多地呈现单个数据点。

本页中包含以下示例:

所需要素

前提条件

创建单个值可视化图表需要执行以下操作:

  • 创建探索的权限
  • (可选)创建表计算自定义字段的权限。利用表计算和自定义字段,您可以针对数据创建临时指标,在您没有传达所需信息的字段时,此功能非常有用。
  • 熟悉探索数据
  • 保存内容的权限(如果您要将可视化图表保存为 Look 或信息中心)

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

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

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

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

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

个性化指标本身对用户几乎没有价值。但是,添加与先前数据点的对比项,可以快速为用户添加观点和背景信息。

例如,以下查询会显示过去 12 个月内按创建月份分组的总利润默认情况下,单一价值可视化图表只会显示“总利润”衡量指标的第一行的值,即最后一个完整月份(2019 年 12 月 [2019 年 12 月])的 41,394.51 美元。

单个值可视化,显示值 $41,394.51。

如果没有提供上下文的数据表,该值无法向用户提供太多信息。如果您想显示上一个完整月份的总利润与上个月的总利润的对比情况,该怎么办?您可以使用可视化图表修改菜单中的设置,对可视化图表中的这些值进行对比。

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

准备您的探索:

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

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

自定义单一价值可视化图表:

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

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

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

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

  5. 选择 Positive values are bad(正值是错误的)选项后,系统会根据您的使用情形,以红色显示正变化,以绿色显示负变化。

    在本例中,负变化表示 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 美元。

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

准备您的探索:

  1. 可以使用表格计算来计算“总利润”值的总和。表计算表达式为 sum(${view_name.field_name})

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

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

    如果要创建表计算,则需要将值表示为度量,才能将其包含在可视化图表中。

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

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

自定义单一价值可视化图表:

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

    在本示例中,“年初至今利润”在“Title Override”(替换影视内容)部分输入,以便更好地指明该值代表什么。

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

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

    计算进度 (Calculate Progress) 会显示进度条,通过阴影来指示当前相对于目标的达成状态。如果应用了默认的标签设置,还会显示字段名称。

    计算进度(含百分比)将以应用默认的标签设置显示彩色进度条,并显示文字 X% of X

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

    取消选择显示标签选项可隐藏字段标签。如果选择 Calculate Progress 选项,则此选项将仅显示带阴影的进度条。如果选择 Calculate Progress (with Percentage) 选项,这会在阴影进度条中显示文本 X% of X

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

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

最终结果是年初至今 (YTD) 的利润价值为 730,362.93 美元,并通过进度条指示年度销售额目标达到 1,000,000 美元的进度。

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

  • 比较标签页中应用了计算进度选项和“达成年度销售目标的进度”自定义标签时,该示例将如下所示:

    单一值 730,362.93 美元,带有副标题“年初至今利润”和“完成年度销售目标进度”进度条,阴影为 3/4。

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

    单个值为 730,362.93 美元,带有副标题“年初至今利润”和“每年销售额目标达到 1,000,000 美元的 73%”的进度条,阴影为 3/4。

后续步骤:

创建单一价值可视化图表后,您可以将其分享给其他人: