面积图选项

本页面介绍了在可视化菜单中修改面积图的选项。要使用面积图,请从“探索可视化图表”栏中选择面积选项。接下来,选择可视化栏上的修改选项以修改图表。

下列选项在与您选择的其他设置发生冲突时可能显示为灰色或处于隐藏状态。

绘制菜单选项

序列定位

您可以指定如何在图表上直观呈现系列。并非下列所有选项都适用于所有图表类型:

  • 分组:适用于柱形图和条形图。序列并排聚集。
  • 叠加层:适用于散点图、折线图和面积图。数据系列在图表上叠加显示。
  • 堆叠:系列值沿 y 轴添加,因此每个连续的系列均显示在最后一个系列的上方。请确保所有系列的单位一致。
  • 堆叠百分比:系列值在 y 轴上以百分比堆叠表示,所有值相加的总和介于 99% 到 101% 之间。为提高精度,请增加值格式的小数位数。

网格布局

您可以将图表拆分为多个较小的图表(或使用格栅状布局),每个图表代表结果表中的一行或一个数据透视。

您最多可以将一个图表拆分为 12 个较小的图表。如果您的行数或数据透视超过 12 行,请使用行数上限列数上限限制显示的行数选项来限制您的数据。

网格布局设置包括以下选项:

  • :将数据显示为单个图表。

  • 按数据透视:根据结果表中的数据透视将图表分成多个较小的图表。

  • 按行:将图表拆分为多个较小的图表,分别对应于结果表格中的各行。

从下拉菜单中选择按数据透视按行时,系统会显示每行的图表数选项。您可以输入 1 到 12 之间的数字。如果您未输入数字,Looker 会尽可能均匀地排列图表。

信息中心搭配使用时,只要未设置每行的图表数量,网格布局就会自适应信息中心图块大小和形状。

线性插值

您可以指定如何在图表上绘制线条:

  • 线性:显示点之间的直线
  • 单色调:显示点之间的平滑曲线
  • 路段(中心):点通过路段连接,数据点位于路段中间
  • 步骤(之前):点按步骤连接,数据点位于步骤的开头
  • 步骤(之后):点按步骤连接,数据点位于步骤末尾

绘制 null 值

您可以切换图表上是否显示 null 值。开启后,系统会将 null 值绘制为 0。停用此功能时,折线图和面积图的各个部分可能会显示间隙。此参数仅在序列定位为重叠式广告时可用。

交换 X 和 Y

您可以切换 x 轴和 y 轴是否从常规配置进行切换。进行交换后,尺寸会绘制在 y 轴上,测量值会绘制在 x 轴上。

隐藏图例

您可以切换图表上系列图例的外观。仅当存在多个系列时(饼图除外),此选项才可用。

图例对齐

您可以指定系列图例是在图表的左侧、中间还是右侧显示。仅当隐藏图例处于关闭状态且有多个系列时,此选项才可用。

限制显示的行数

您可以根据行在结果中的位置,在可视化图表中显示或隐藏行。例如,如果您的可视化图表显示 7 天滚动平均值,您可能需要隐藏前 6 行。

点击限制显示的行数即可启用或停用此功能。启用后,您可以指定以下选项:

  • 隐藏显示:选择隐藏可从可视化图表中排除某些行。选择显示可仅在可视化图表中显示有限数量的行。
  • 第一行最后一行:选择要隐藏或显示的行是结果集中的第一行还是最后一行。
  • 数量:指定要隐藏或显示的行数。

在可视化图表下方的“数据”部分中,排除的行以较深的颜色阴影表示。

此选项取决于行顺序。更改查询的排序顺序或添加行数上限可能会更改可视化图表中显示或隐藏的行。

修改图表配置

点击可视化菜单底部的修改图表配置按钮可打开图表配置编辑器。借助此编辑器,您可以通过公开可视化图表的某些 JSON 参数来修改 HighCharts 可视化图表,从而实现深度自定义。这些自定义不会与数据动态交互。

如果您拥有 Looker 管理员角色can_override_vis_config 权限,则可以使用修改图表配置按钮。

如需查看常见用例的示例,请参阅图表配置编辑器文章的示例部分,其中包括以下示例:

  • 更改背景颜色和轴文本颜色
  • 系列中值的条件格式
  • 自定义提示颜色
  • 添加垂直参考频段和字幕
  • 添加图表注释

系列菜单选项

“系列”菜单用于控制图表显示每个数据系列的方式。

颜色

您可以在颜色部分定义图表的调色板。

集合

借助集合,您可以创建主题直观的可视化图表和信息中心,并且这些可视化图表能够呈现出理想的视觉效果。Looker 的所有内置颜色集合都显示在颜色集合文档页面上。您的 Looker 管理员还可以为您的组织创建自定义颜色集合。

您可以从集合下拉菜单中选择一个颜色集合。Palette 部分将会使用您所选的颜色集合中的调色板进行更新。

调色板

选择颜色集合后,您可以从集合中选择其他调色板,也可以通过点击调色板本身来自定义调色板。此操作会打开调色板选择器,并显示集合中的所有调色板。

颜色是按顺序分配给每个系列的。对于分类调色板,调色板中的第一种颜色会分配给第一个数据系列,依此类推。对于连续或发散调色板,调色板左端的颜色会分配给第一个数据系列,其余每个数据系列的颜色会移到调色板的右侧。如果查询返回的数据系列多于列出的颜色,则这些颜色将从调色板的开头重复,首先是每种颜色的浅色版本,然后是每种颜色的深色版本。

创建自定义调色板

要创建自定义调色板,请在调色板选择器中选择自定义标签页。您可以通过以下几种方式修改调色板:

  • 点击显示的颜色之一即可进行修改。
  • 点击调色板下方的 +- 按钮,可以向调色板的末尾添加颜色,也可以移除选中的颜色。
  • 点击菜单右下角的全部修改,可使用逗号分隔的颜色值列表。

若要更改所选颜色或一次修改所有颜色,请在选择器底部的颜色值框中输入十六进制字符串(例如 #2ca6cd)或 CSS 颜色名称(例如 mediumblue)。

要调出颜色选择器来选择颜色,请点击颜色值框右侧的色轮。该颜色对应的十六进制值会显示在颜色值框中。

如果您点击全部修改,颜色值框中会填入您已选择或自定义的调色板的十六进制代码。若要将自定义调色板从一个图表复制到另一个图表,最好通过复制粘贴此列表的方式操作。

反转颜色

您可以反转调色板中使用的颜色。对于分类调色板,这会将调色板中的最后一种颜色应用于第一个数据系列,将调色板中的倒数第二个颜色应用于第二个数据系列,以此类推。对于依序或发散调色板,此操作会将调色板右端的颜色应用于第一个数据系列,然后在调色板上向左移动(适用于其余数据系列)。

显示完整字段名称

您可以决定是否显示视图名称以及每个轴标题和系列名称的字段名称。如果关闭 Show Full Field Name,通常仅显示字段名称;但是,count 类型的测量仅显示视图名称。

自定义设置

您可以通过多种方式自定义图表中的每个系列:

  1. 点击系列图书旁边的箭头以展开其选项。
  2. 点击色样,为系列选择自定义颜色。这会替换 Colors 选项定义的调色板。
  3. 标签部分中,输入自定义的系列图书标签(如果需要)。这会影响图表图例和提示。
  4. 类型部分,根据需要为系列图书选择其他可视化图表类型。这对于在同一图表上组合不同的可视化类型非常有用,例如,将一个数据系列显示为列,将另一个数据系列显示为线条。
  5. 数据点部分,对于线条、面积或散点系列类型,选择图表点的形状。

“值”菜单选项

值标签

您可以切换图表上每个数据点的值标签的显示方式。

为 Null 列添加标签

您可以切换 null 数据点标签的显示方式。

总计标签

您可以切换图表上每个堆叠数据点组的总计值的显示方式。Totals Labels 仅适用于 Series Positioning

显示已停用序列的轮廓

您可以在堆叠图表中切换使用浅色阴影表示已停用的系列。点击可视化图表底部图例中的系列名称,即可停用或启用可视化图表中的系列。显示已停用序列的轮廓仅支持堆叠序列定位

总计颜色

您可以定义总计标签的颜色。点击色样可滚动浏览调色板,或者为总计标签选择自定义颜色。仅当序列定位设为“堆叠”时,总计颜色才可用。

值颜色

您可以定义值标签的颜色。此字段采用逗号分隔列表,其中包含一个或多个颜色值。颜色值可以采用 RGB 十六进制字符串(如 #2ca6cd)或 CSS 颜色名称(如 mediumblue)的格式。

如果设置为多种颜色,则系统会按顺序为每个系列分配颜色。系统会为底层表格中的第一个系列指定第一种颜色,依此类推。如果查询返回的数据系列数量超出所列颜色,Looker 会在自定义颜色用尽后,为值标签分配系列颜色。

如果未提供颜色值,Looker 会将系列颜色分配给值标签。

字号

您可以使用任何有效的 CSS 大小设置值标签的字体大小。例如,您可以指定若干像素,例如 10px12px

值旋转

您可以设置值标签的旋转角度。此参数接受介于 -360 到 360 之间的值,表示旋转标签所需的度数。值旋转仅适用于系列定位分组或叠加。

值格式

您可以指定值的格式,与基础维度或测量无关。此字段接受 Excel 样式的格式。如果未指定格式,则值将以基础维度或测量的格式显示。

MS Excel 的完整指南详细介绍了如何在文档中指定这些格式。但是,Looker 目前不支持颜色格式。

对于 Looker 开发者:值格式字段中使用的格式与 value_format LookML 参数中使用的格式相同,但 value_format 参数要求格式字符串必须用双引号括起来。在值格式字段中,格式化字符串没有括在引号中。

如需详细了解如何使用自定义格式,请参阅为数字字段添加自定义格式文档页面。

X 菜单选项

刻度类型

您可以指定 X 轴刻度的计算方式和显示方式。

  • 基于数据自动:系统会根据基础数据推断比例。这是默认设置。
  • 序数:无论数据点之间的相对距离如何,数据沿着 x 轴绘制为等距的离散条目。
  • 线性:数据绘制为线性数值。此选项仅在基础数据可转换为数字时才适用。
  • 时间:数据以时间值的形式绘制。x 轴用适当的时间增量进行标记。

反转轴

您可以切换 x 轴的方向。关闭此设置后,值会从左到右递增。开启此设置后,值会从左到右依次递减。

允许缩放

此选项仅适用于笛卡尔图表(柱形图、条形图、散点图、折线图、面积图、瀑布图或箱线图)。

此选项默认处于启用状态。启用后,您可以在信息中心、Look 或“探索”中放大可视化图表。

如需了解如何使用缩放功能,请参阅查看信息中心查看 Look 文档页面。

如果停用此选项,Y 菜单中的允许缩放选项将处于隐藏状态,且您无法缩放可视化图表。

显示轴名称

您可以切换 X 轴名称标签的外观。

自定义轴名称

您可以使用任何字符串值设置 X 轴的名称。仅当显示轴名称处于开启状态时,此选项才可用。

轴值标签

轴值标签用于切换 x 轴上值标签的显示方式。

网格线

您可以切换从 x 轴延伸的网格线的外观。网格线的间距基于 x 轴的缩放比例。

标签旋转

您可以设置 x 轴值标签的旋转角度。此参数接受介于 -360 到 360 之间的值,表示旋转标签所需的度数。

时间标签格式

您可以为带有时间维度的图表指定 x 轴值标签在 x 轴上的显示方式。此参数接受时间格式设置语法,如下所示。如需了解所有格式设置选项,请参阅 Looker 图表的时间格式设置

  • %b '%y, %H:%M 显示 Aug '14, 22:31
  • %B %Y, %I:%M %p 显示 August 2014, 10:31 PM
  • %x %X 显示 12/15/2014 10:31:00
  • %I:%M:%S %p 显示 10:31:00 PM

Y 菜单选项

网格线

您可以切换从 y 轴延伸的网格线的外观。网格线的间距取决于 y 轴的缩放比例。

反转轴

您可以切换 y 轴的方向。关闭后,值沿轴向上增加。开启后,值会沿着轴向上减少。

允许缩放

此选项仅适用于笛卡尔图表(柱形图、条形图、散点图、折线图、面积图、瀑布图或箱线图)。

仅当启用了 X 菜单中的允许缩放选项时,此选项才可用。此选项默认处于启用状态。启用后,您可以在信息中心、Look 或“探索”中放大可视化图表。

如需了解如何使用缩放功能,请参阅查看信息中心查看 Look 文档页面。

如果您停用了此选项,但启用了 X 菜单中的允许缩放选项,则无法放大 Y 轴,而只能放大 X 轴。

左轴和右轴

您可以使用左轴右轴部分配置图表的 y 轴。此例展示的图表包含三条 y 轴,左侧和右侧各有一条,每条轴的刻度各不相同:

面积图,其中 x 轴为“创建月份”,左侧为“产品和订单数”,右侧为总售价。

在图表的左侧和右侧,您可以有一个或多个 y 轴,每个 y 轴与一个或多个数据系列相关联。每个数据系列均基于某个测量,即使该测量已透视。使用测量的表格计算会以数据系列的形式列出,您可以将其移动到另一个轴。

指定轴的优势

使用此功能时,任何图表都可以:

  • 合并任意数量的轴中的任意系列
  • 按测量跨不同轴拆分透视系列
  • 在旋转图表中渲染顶部和底部轴
  • 使用各种测量类型渲染图表,前提是它们未组合起来(例如线性和对数)
  • 渲染值介于 0 到 1 之间的日志图表

每条 y 轴都有自己的一组配置选项,并会在相对于该 y 轴的刻度上显示一个或多个数据系列。

指定轴的特殊情况

每个测量沿着一个轴进行。如果某项测量已透视,则其所有透视值都将位于同一轴上。要为每个数据透视指定特定测量的轴,请改用过滤后的测量。为每个可能的值创建一个过滤的测量(对于任何意外的值,可能再创建一个)。然后,您可以指定每个新测量使用哪个轴。

系列定位选项设置为分组叠加层的图表可以具有多个 y 轴。任何堆叠堆叠百分比图表都有一个堆叠数据系列和一个 y 轴。

指定、移除和更改轴

要为 Y 轴指定数据系列,请点击数据系列并将其拖动到所需的“左轴”或“右轴”区域。您可以创建一个新轴,也可以将数据系列添加到现有的 y 轴。

用户将“总售价”字段从“Y 可视化选项”标签页的“左轴”部分拖到“右轴”部分。

您还可以通过将各个数据系列拖动到另一个 y 轴来移除轴。

将数据系列移至其他轴时:

  • 如果某个数据系列是与轴关联的唯一数据系列,而您又将该数据系列移动到了新的轴,那么系统会保留其所有设置,包括轴名称
  • 如果数据系列是与某个轴相关联的多个系列之一,那么当您将该数据系列移动到新轴时,几乎所有设置都会保留,轴名称除外。
  • 如果您将数据系列移至现有轴,该轴将沿用目标轴的设置。

配置轴

配置轴部分会为在左轴右轴部分中配置的每个 y 轴显示一个标签页。 点击轴对应的标签页即可配置 Y 轴。您可以使用每条 y 轴专属的一组配置选项来分别对其进行配置。

刻度类型

您可以指定 Y 轴刻度的计算方式和显示方式。并非下列所有选项都适用于所有图表类型。

  • 线性:无论数据点之间的相对距离如何,数据沿着 y 轴绘制为等距的离散条目。这是默认设置。大部分数据最好以线性刻度显示。

  • 对数:使用以数量级为基础的对数刻度沿着 y 轴绘制数据。如果数据的聚类包含非常小和非常大的值,您可以使用此设置查看较小值的变化,同时显示较大的值。对数刻度类型只能用于包含正值的数据,并且仅当您在绘制标签页上将系列定位设为分组叠加后才能使用。

显示轴名称

您可以切换 Y 轴名称标签的显示方式。

显示轴值

您可以切换 y 轴值的显示方式。

将轴从零点取消固定

您可以将图表焦点切换到存在数据的区域,而不是从零开始显示完整刻度。

轴名称

您可以为所选 Y 轴输入标签。

Y 轴格式

您可以指定 y 轴值的数字格式,与底层维度或测量值无关。参数接受 Excel 样式格式。如果未指定格式,则值将以基础维度或测量的格式显示。

Excel 的完整指南介绍了如何在文档中指定这些格式。目前,Looker 不支持日期格式和颜色格式。

以下是一些最常见的格式设置选项:

值格式 含义
# 整数 (123)。
*00# 将整数零填充到 3 位数 (001)。
0.## 数字最多到小数点后 2 位(1.、1.2 或 1.23)。
0.00 数字正好是小数点后 2 位 (1.23)。
*00#.00 数字填充零,填充到 3 位,小数点后为 2 位 (01.23)。
#,### 以英文逗号分隔的数字 (1,234)。
#,##0.00 数字,以英文逗号分隔千位到小数点后 2 位 (1,234.00)。
0.000,," M" 数字,以百万计,带 3 位小数 (1.234 M)。除以 1000000 将自动发生。
$# 不带小数点的美元金额 ($123)。
$0.00 小数点后 2 位的美元金额 ($123.00)。
$#,##0.00 以英文逗号分隔的千位到小数点后 2 位的美元金额 ($1,234.00)。
#% 不带小数位的百分比 (1%)。系统会自动将 100 相乘。
0.00% 带小数点后 2 位的百分比 (1.00%)。系统会自动将 100 相乘。
0.00\% 带小数点后 2 位的百分比 (1.00%)。乘以 100 不会自动发生。

刻度线密度

您可以设置 y 轴上的刻度线密度:

  • Default:将刻度线设置为默认密度。

  • 自定义:使用自定义密度设置刻度线。通过滑动条,您可以设置自定义密度。

最小值

您可以为所选 y 轴指定最小值。

最大值

您可以为所选 y 轴指定最大值。

添加参考行

引用行会应用于查询结果中的第一个系列,并忽略任何隐藏的系列。您可以重新排序数据表中的列,以更改应用参考行的序列。

添加参考线按钮可用于在图表中创建参考线。点击该图标可添加任意数量的参考行,并显示这些参考行的设置。要删除参考线,请点击其设置右上角的 X

输入(用作参考行)

您可以指定要应用于图表的参考线类型:

  • 直线:系统会以您在设置中输入的 y 轴值绘制一条水平线。
  • 范围:系统会绘制阴影范围,包括在起始值结束值设置中输入的 y 轴值之间。
  • 带有外边距的折线:系统会按照在设置中输入的 y 轴值绘制一条水平线。系统根据在上边距下边距设置中输入的值,在水平线的上方和下方绘制阴影范围。

值、起始值和结束值(用于参考行)

您可以通过指定轴上的点来绘制参考线。您可以将查询结果中返回的数据的值设置为中位数、平均值、最大值或最小值。您还可以选择“自定义”以输入轴上的特定值。

类型设置为“范围”时,起始值结束值设置会替换设置;它们接受与相同类型的值。

上外边距和下外边距(用于参考行)

Type(类型)设置为“Line with Margins”(带有外边距)时,Margin AboveMargin below 都是在参考线两侧绘制的阴影范围。

您可以将边距值设置为查询结果的总体标准差或总体方差。您还可以选择自定义输入特定值,或选择“最小值”“最大值”“平均值”或“中位数”,以便使用查询结果中的相应计算结果。

标签(用于参考线)

您可以在 Label 字段中指定要显示在参考行的标签。您还可以在标签字段中使用双大括号 {{ }} 进行以下计算:

  • 中位数
  • 平均值
  • 最大值
  • 分钟
  • 偏差(代表总体标准差)
  • 方差(用于总体方差)

例如,输入“Average: \{{mean}}”,显示类似于“Average: 123.4”这样的数据。

如果您将标签字段留空,则相应行的值会显示在参考行上。

标签位置(针对参考线)

您可以将参考线标签放置在图表的左侧、图表右侧或中间,只需在标签位置下选择相应的选项即可。

颜色(用于参考线)

您可以在图表中指定参考线的颜色。

点击颜色框会显示一个调色板选择器,您可以滚动浏览该选择器来选择一种颜色。要选择自定义颜色,请选择调色板选择器中的自定义标签页,然后使用显示的颜色选择器,或在颜色值框中输入十六进制字符串CSS 命名颜色字符串

值格式(用于参考行)

您可以为参考行标签中显示的值添加自定义格式。

您可以使用 Excel 样式的格式来设置标签值的格式。如需详细了解如何使用自定义格式,请参阅为数字字段添加自定义格式文档页面。

添加趋势线

趋势线显示了图表中数据的主导方向。如果您的图表可以支持趋势线,您将会在 Y 菜单选项中看到添加趋势线按钮。

以下用例不支持趋势线:

点击添加趋势线按钮,在图表中添加趋势线。您可以根据需要点击该图表,添加任意数量的趋势线,并显示这些趋势线的设置。要删除趋势线,请点击其设置右上角的 X

趋势类型

您可以指定要在图表中显示的趋势线的类型:

  • 线性:线性趋势线用于绘制最符合数据的直线。通常用于值以相当稳定的速率增加或减少的情况。您的数据可以包含负值和/或正值。

    控制线性趋势线的方程式为 y = a + bx

  • 指数:指数趋势线将 y 变量视为 x 变量的指数函数。通常在 y 值呈指数级上升或下降时使用。如果 y 变量包含零值或负值,则无法使用此选项。

    控制指数趋势线的方程式为 y = aebx

  • 对数:对数趋势线将 y 变量绘制为 x 变量(基于数量级)的对数函数。通常用于 y 变量的变化率快速增加或减少,然后逐渐降低的情况。在线性刻度上,该直线是曲线;在对数刻度上,则是直线。您可以使用缩放类型选项设置缩放类型。如果 x 变量包含 0 或负值,则无法使用此选项。

    控制对数趋势线的方程式为 y = a + b * ln(x)

  • 功率:功率趋势线通常用于数据集,用于比较以特定速率增加的测量值。如果数据包含零值或负值,则无法使用此选项。y 变量绘制成 x 变量的幂函数。

    用于创建电力趋势线的公式是 y = a * x^b,其中 b 是斜率(梯度),a 是 y 截距(线与 y 轴的 x 值)。

  • 多项式:多项式趋势线将 y 变量绘制成一项依指定顺序和 x 值得出的多项式函数。多项式趋势线需要您输入要计算的多项式的所需顺序。Looker 默认顺序为 3。

    在给定顺序 o 下,控制多项式趋势线的方程为 y = a + b * x + ... + k * x^o

  • 移动平均值:数据沿着 y 轴绘制为移动平均值,也称为滚动平均值。通常用于消除小幅波动,更清楚地显示整体趋势。移动平均趋势线上的每个点都是其先前数据点的平均值。可以使用时间段设置指定要包含的先前数据点的数量。例如,如果您将趋势线应用于每日销售额,且时间段设为 7,则对于给定日期,移动平均值会绘制截至该日期的 7 天时间段的平均销售额。如果之前的数据点数量少于时间段设置,则移动平均值会根据部分时间段的数据进行计算,但会重新根据可用数据点的数量进行计算。

时间段(针对趋势线)

您可以指定计算移动平均值时要包含的数据点数量。选择移动平均值的趋势类型以显示此设置。

移动平均值通常用于基于日期的数据;选项包括 7(表示一周)、14(表示 2 周)和 28(表示 4 周)。

系列索引(代表趋势线)

您可以指定要为哪些图表系列添加趋势线。

此选项默认为 1,即第一个定义的系列。每个系列按照其在数据表格中显示的顺序进行编号。

订单(代表趋势线)

您可以指定通过多项式回归计算多项式的顺序。默认值为 3。

选择多项式的趋势类型以显示此设置。

显示标签(针对趋势线)

您可以切换向趋势线添加描述性标签。

标签(代表趋势线)

您可以指定标签文本。

标签位置(针对趋势线)

您可以指定趋势线标签是显示在趋势线的左侧边缘、趋势线的中心还是趋势线的右边缘。

标签类型(针对趋势线)

您可以指定要应用于趋势线的标签类型:

  • 字符串:将标签框中指定的文本应用到趋势线。

  • R^2:向趋势线应用决定系数标签(也称为 R 平方)。R^2 标签表示系列索引数据中差异的比例。它可以帮助您了解趋势线与数据的匹配程度,0 表示不拟合,1 表示完全拟合,中间值表示部分拟合。只有当趋势类型设为“线性”时,此选项才有效。

  • 等式:为趋势线应用标签,以显示用于确定趋势线的公式。

颜色(代表趋势线)

您可以指定图表中趋势线的颜色。

点击颜色框会显示一个调色板选择器,您可以滚动浏览该选择器来选择一种颜色。要选择自定义颜色,请选择调色板选择器中的自定义标签页,然后使用显示的颜色选择器,或在颜色值框中输入十六进制字符串CSS 命名颜色字符串