条形图选项

条形图可用于显示数据类别之间的对比，或比较同一时间段内多个群组的变化。

构建条形图

若要以可视化图表方式呈现数据，数据部分需要用到以下字段组合之一：

  • 至少一个非透视维度以及至少一个测量值。
  • 恰好有一个透视维度、至少一个测量值，以及一个可选且未透视的维度。系统无法呈现包含透视维度以及多个其他维度的条形图。
  • 恰好有一个数字维度，在 LookML 中定义为 type: number 的维度，以及另一个维度。数字维度必须排在数据部分的另一个维度之前。

本页介绍了用于在可视化图表菜单中修改条形图的选项。点击“可视化”标签页右上角的齿轮图标。

当下列选项与您选择的其他设置冲突时，可能会灰显或隐藏。

“绘制”菜单选项

序列定位

您可以指定如何在图表上直观地对系列图书进行分组。并非所有选项都适用于以下所有图表类型：

  • 分组：适用于柱形图和条形图。该系列图书并排排列。
  • 叠加：适用于散点图、折线图和面积图。系列图表会叠加在图表上。
  • 堆积：Y 轴上添加了系列值，因此每个连续系列都显示在最后一个连续系列上。确保所有系列的单位都相符。
  • 堆叠百分比：系列值以 y 轴上堆叠的百分比表示，其中所有值的总和介于 99% 和 101% 之间。为提高精确度，请增加值格式的小数位。

网格布局

您可以将图表分成若干个较小的图表，每个图表表示结果表中的一行或数据透视。

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

从下拉菜单中选择 By Pivot 或 By Row 后，系统会显示 Rows Charts by Row 选项。您可以输入一个介于 1 到 12 之间的数字。如果您未输入数字，Looker 会尽可能均匀地排列图表。

与信息中心搭配使用时，如果您未设置每行的图表数量，网格布局将变为响应信息中心图块大小和形状。此外，如果将使用数据透视网格布局的条形图添加到信息中心，并且较小的图表共用相同的 X 轴，则只有可视化图表底部的图表才会显示轴值。这样做是为了对各个图表进行比较。

对堆栈排序

你可以通过堆叠或堆叠百分比图表的每个切片按每个切片的大小进行排序：

  • 默认：系列值按照它们在数据表中的位置进行排序。
  • 升序：最小系列值位于底部，值在顶部逐渐减小。
  • 降序：最大的系列值放置在底部，值在顶部逐渐增大。

只有将系列图书定位设置为“堆叠”或“堆积百分比”后，排序堆栈才可用。

内部间距

您可以在组内的各列之间设置间距。这适用于已对系列定位进行分组的图表。此参数接受 0 到 1 之间的值。对于组内各列之间的最小间距，请输入 0。输入 1 作为最大间距。

间距

您可以设置列组之间的间距。此参数接受 0 到 1 之间的值。对于组内各列之间的最小间距，请输入 0。输入 1 作为最大间距。

隐藏图例

您可以在图表上切换系列图例的外观。仅当有多个系列（饼图除外）时，才可用。

图例对齐

您可以指定系列图例是显示在图表的左侧、中心还是右侧。仅当Hide Legend 处于关闭状态且有多个系列时，此设置才可用。

限制显示的行数

您可以根据数据在结果中的位置在可视化图表中显示或隐藏行。例如，如果您的可视化图表显示的是 7 天的滚动平均值，建议您隐藏前 6 行。

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

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

在可视化图表下方的“数据”部分中，被排除的行会以较深的颜色显示，并在行号左侧标有符号：

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

“高级编辑器”按钮

可视化菜单底部的高级编辑器按钮可打开高级可视化编辑器。借助此编辑器，您可以通过公开可视化图表的某些 JSON 参数来修改 HighCharts 可视化图表，并启用深度自定义。这些自定义不会与数据动态交互。

如果高级 Vis Config 实验室功能已启用且您拥有 Looker 管理员角色或 can_override_vis_config 权限，则可以使用高级编辑器按钮。

系列菜单选项

系列图书菜单用于控制图表展示每个数据系列的方式。

颜色

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

集合

借助集合，您可以创建看起来良好的主题可视化图表和信息中心。Looker 的所有内置颜色集合都显示在颜色集合文档页面上。您的 Looker 管理员可能也会为您的组织创建自定义颜色集合。

您可以从集合下拉菜单中选择颜色集合。Palette 部分会更新为您选择的颜色集合的调色板。

调色板

选择调色板后，您可以从该集合中选择不同的调色板，或者点击调色板本身来自定义调色板。这会打开调色板选择器，并显示集合中的所有调色板。

系统会按顺序为每个系列分配颜色。对于分类调色板，调色板中的第一个颜色会分配给第一个系列，依此类推。对于依序放置或发散的调色板，调色板左下方的颜色会分配给第一个系列，而其余每个系列的颜色则会在调色板上向右移动。如果您的查询返回的数据系列多于列出的颜色，颜色会从调色板开头开始，先是每种颜色的较浅版本，然后是每种颜色的深色版本。

创建自定义调色板

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

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

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

若要弹出颜色选择器以选择颜色，请点击颜色值框右侧的色轮。相应颜色值对应的十六进制值会显示在颜色值框中：

如果您点击全部修改，系统就会使用您选择的或自定义调色板的十六进制代码填充颜色值框。若要将自定义调色板从一个图表复制到另一个图表，最好的办法是复制并粘贴此列表。

反转颜色

您可以反转调色板中使用的颜色。对于分类调色板，此操作会将调色板中的最后一种颜色应用于第一个系列，并将调色板中的倒数第二个颜色应用到第二个系列，依此类推。对于依序放置或发散的调色板，此操作会将调色板右端的颜色应用于第一个系列，并在剩余系列上向左移动。

显示完整字段名称

您可以决定是否将视图名称与每个轴标题和系列名称的字段名称一起显示。当关闭显示完整字段名称时，系统通常只会显示字段名称，但类型为 count 的衡量结果将仅显示视图名称。

自定义设置

您可以通过以下几种方式自定义图表中的每个系列：

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

值菜单选项

值标签

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

为 Null 列添加标签

您可以切换是否显示 null 数据点的标签。

总计标签

您可以切换图表上每个堆叠数据点组的总计外观。合计标签仅适用于堆叠的系列定位。

显示已停用序列的轮廓

您可以在堆叠图表中切换浅色系列的停用状态。点击可视化图表底部图例中的系列名称，可停用或启用可视化图表中的系列。只有在系列内容定位堆叠的情况下，才能选择显示已停用系列的轮廓。

合计颜色

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

值颜色

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

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

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

字号

您可以使用任何有效的 CSS 大小来设置值标签的字体大小。例如，您可以指定多个像素，例如 10px 或 12px。

值旋转

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

总计旋转

您可以设置总计标签的轮播。此参数接受介于 -360 到 360 之间的值，用于表示要旋转标签的角度数。合计仅适用于系列内容堆叠。

值格式

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

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

对于 Looker 开发者：值格式字段中使用的格式与 value_format LookML 参数中使用的格式相同，区别在于 value_format 参数要求用英文双引号将格式字符串括起来。在值格式字段中，格式字符串不是用引号括起来。

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

X 菜单选项

刻度类型

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

  • 自动根据数据：可根据底层数据推断规模。这是默认设置。

  • 序数：数据沿 x 轴绘制为均匀分布的离散条目，无论数据点之间的相对距离如何。

  • 时间：数据以时间值的形式绘制。x 轴带有相应的时间增量标记。

反转轴

您可以切换 X 轴的方向。关闭后，值将从左到右增加。开启此设置后，值会从左到右降低。

允许缩放

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

此选项默认处于启用状态。启用后，您可以缩放信息中心、“查看”或“探索”中的可视化图表。

请参阅查看信息中心或查看效果文档页面，了解如何使用缩放功能。

停用此选项后，Y 菜单中的 Allow Zoom 选项会被隐藏，您无法放大可视化图表。

显示轴名称

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

自定义轴名称

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

轴值标签

轴值标签用于切换 x 轴上值标签的外观。

网格线

您可以切换 x 轴上的网格线外观。网格线是根据 x 轴的伸缩划分的。

标签旋转

您可以设置 X 轴值标签的旋转角度。此参数接受介于 -360 到 360 之间的值，用于表示要旋转标签的角度数。

时间标签格式

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

  • %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 菜单上的 Allow Zoom 选项处于启用状态时，此选项才可用。此选项默认处于启用状态。启用后，您可以缩放信息中心、“查看”或“探索”中的可视化图表。

请参阅查看信息中心或查看效果文档页面，了解如何使用缩放功能。

如果此选项处于停用状态，但 X 菜单上的 Allow Zoom 选项处于启用状态，则您无法放大 y 轴的较小视图；只能放大更紧密的 x 轴视图。

顶部轴和底部轴

您可以配置图表的 Y 轴。下例展示的图表有两个 y 轴，一个位于底部，另一个位于顶部，各条刻度各不相同：

在图表的顶部和底部，您可以有一个或多个 y 轴，每个 x 轴都与一个或多个数据系列相关联。每个数据系列都是以测量值为基础，即使测量值已透视。使用测量值的表格计算列为数据系列，并且可以移动到其他轴。

指定轴的优势

使用此功能，任何图表都可以：

  • 将任意数量的轴组合起来使用任意系列
  • 按测量值将轴系列拆分到各种轴上
  • 在旋转后的图表中渲染顶部轴和底部轴
  • 渲染具有各种测量类型的图表，只要它们不组合即可（例如线性和日志）
  • 渲染值介于 0 到 1 之间的日志日志图表

每个 y 轴都有自己的一组配置选项，并以相对于该 y 轴的比例显示一个或多个数据系列。

指定轴的特殊情况

每个测量值都在一条轴上。如果您的某个指标进行了数据透视，则所有数据透视值都将在同一轴上。要为每个轴心的特定轴指定轴，请改用经过过滤的测量值。为每个可能的值创建经过过滤的衡量值（对于任何意外值，还可以再创建一个）。然后您可以指定每个新措施要使用的轴。

如果图表的系列定位选项设为分组或叠加，则图表可以有多个 Y 轴。任何堆叠或堆叠百分比图表都有一个堆叠数据系列和一个 y 轴。

指定、移除和更改轴

要将某个数据系列分配给 y 轴，请点击相应数据系列并将其拖动到所需的顶部或底部轴区域。您可以创建新的轴，或将数据系列添加到现有的 y 轴。以下示例显示了从 Bottom 1 y 轴移动到 Top Axes 区域的 Total Sale Price 数据系列，以创建新的 Top 1 y 轴。系统将为新的顶部 y 轴创建一个标签页，其中包含 Top 1 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)。自动除以 100 万。
$# 带有 0 位小数的美元 ($123)。
$0.00 带 2 位小数的美元 ($123.00)。
$#,##0.00 以英文逗号分隔的美元 ($1,234.00)。
#% 百分比值为 0 位小数 (1%)。系统会自动乘以 100。
0.00% 有 2 位小数的百分比 (1.00%)。系统会自动乘以 100。
0.00\% 有 2 位小数的百分比 (1.00%)。乘以 100 不会乘以 100。

刻度线密度

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

  • 默认：将刻度设置为默认密度。

  • 自定义：使用自定义密度设置刻度。通过滑块栏设置自定义密度。

最小值

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

最大值

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

添加参考行

引用行会应用于查询结果中的第一个系列，并忽略所有隐藏的系列。您可以对数据表中的列重新排序，更改引用行所应用的系列。

添加参考线按钮可用于在图表中创建参考线。您可以根据需要多次点击该按钮，添加任意数量的参考行，然后显示这些参考行的设置。要删除参考线，请点击其设置右上角的 X。

输入 （用作参考行）

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

  • 线：在值设置中输入的值绘制一条垂直线。
  • 范围：绘制的阴影范围包括在 Start Value 和 End Value 设置中输入的值之间。
  • 包含利润的线条：在值设置中输入的值绘制一条垂直线。阴影范围根据在上边距和下边距设置中输入的值，绘制在垂直线的左侧和右侧。

值、起始值和结束值（用作参考行）

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

当 Type 设置为 Range 时，Start Value 和 End Value 设置会替换 Value 设置；它们接受与 Value 相同的类型值。

上外边距和下外边距（用作参考线）

“上外边距”和“下外边距”可指定当类型设置为“包含外边距”时要在参考线两侧绘制的阴影范围。

您可以将利润率值设置为查询结果的人口标准差或总体方差。您还可以选择自定义输入具体的值，或输入“min”、“max”、“mean”或“中位数”，以便使用这些查询结果。

标签（用于参考行）

您可以在标签字段中指定显示在参考线上的标签。您也可以在标签字段中使用以下计算项，并将其嵌入双大括号 {{ }}：

  • 中位数
  • 平均值
  • 最大值
  • 分钟
  • 偏差（用于总体标准偏差）
  • 方差（用于计算方差）

例如，输入“Average: \{{mean}}”可显示类似于“平均值：123.4”的结果。

如果您将标签字段留空，该行的值就会显示在参考行中。

标签位置（用作参考线）

您可以选择标签位置下的其中一个选项，将参考线标签放置在图表顶部、图表底部或中心位置。

颜色（用作参考线）

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

点击颜色框可显示调色板选择器，您可以滚动该选择器选择颜色。如需选择自定义颜色，请在调色板选择器中选择自定义标签页，然后使用出现的颜色选择器，或在颜色值框中输入十六进制字符串或 CSS 命名的颜色字符串。

值格式（供参考行）

您可以向引用行标签中显示的值添加自定义格式。

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

添加趋势线

趋势线以图表形式显示数据的优先方向。如果图表支持趋势线，那么您会在 Y 菜单选项中看到添加趋势线按钮。

趋势线不适用于以下使用情形：

点击添加趋势线按钮，即可在图表中添加趋势线。您可以视需要多次点击相应图表来添加趋势线，然后即可看到这些趋势线的设置。要删除趋势线，请点击设置右上角的 X。

趋势类型

对于条形图，x 轴和 y 轴互换。

您可以指定应用于图表的趋势线类型：

  • 线性：线性趋势线绘制出最适合数据的一条直线。它通常用于以相对平稳的速率增减方式使用的值。您的数据可以有负值和/或正值。

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

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

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

  • 对数：对数趋势线将 y 变量绘制为 x 变量的对数函数（基于数量级）。通常，当 y 变量的变化率快速增加或减少然后变化时，该维度就会派上用场。直线在线性刻度上是曲线曲线，在对数刻度上是直线。您可以使用体重秤类型选项设置体重秤类型。如果 x 变量包含零值或负值，则无法使用此选项。

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

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

    用于创建功率趋势线的方程式为 y = a * x^b，其中 b 为斜度（渐变），a 为 y 轴（x 轴穿过 y 轴的 x 值）。

  • 多项式：多项式趋势线将 y 变量绘制为给定顺序和 x 值的多项式函数。如果多项式趋势线要求输入多项式的计算顺序，Looker 默认顺序为 3。

    控制多项式趋势线的方程式为 o，y = a + b * x + ... + k * x^o。

  • 移动平均值：数据沿 y 轴绘制为移动平均值，也称为滚动平均值。通常用于消除轻微波动，并更清晰地显示总体趋势。移动平均趋势线上的每个点代表先前数据点的平均值。可以使用时间段设置来指定之前要包含的数据点数量。例如，如果您针对“每日销售额”应用一个趋势线，并将时间段设置为 7，那么对于某一特定日期，移动平均值会绘制截至该日的 7 天平均销售额。如果之前数据点的数量小于时间段设置，则移动平均值将根据不完整的时间段计算得出，但会基于可用数据点的数量重新计算。

时段（趋势线）

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

移动平均值通常用于基于日期的数据；可用选项包括 7（表示 1 周）、14（表示 2 周）和 28（表示 4 周）。

系列图书指数（趋势线）

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

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

订单（趋势线）

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

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

显示标签（趋势线）

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

标签（用于绘制一条趋势线）

您可以指定标签文本。

标签位置（趋势线）

您可以指定趋势线标签是出现在趋势线的左侧边缘、趋势线的中心，还是位于趋势线的右侧边缘。

标签类型（趋势线）

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

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

  • R^2：为趋势线应用确定系数标签（也称为 R 平方）。R^2 标签指示系列索引数据中方差的比例。它可以帮助您了解趋势线与数据的匹配程度，0 表示不合适，1 表示完全适合，介于二者之间表示部分拟合。此选项仅在趋势类型设置为“线性”时才有效。

  • 等式：为趋势线应用标签，以显示用于确定趋势线的等式。

颜色（趋势线）

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

点击颜色框可显示调色板选择器，您可以滚动该选择器选择颜色。如需选择自定义颜色，请在调色板选择器中选择自定义标签页，然后使用出现的颜色选择器，或在颜色值框中输入十六进制字符串或 CSS 命名的颜色字符串。