使用新版界面

借助现代可视化主题和信息中心样式,您可以创建简洁、专业的图表和精简的信息中心,并提高数据密度。通过应用更新后的字体排版、有意的颜色层次结构和自适应布局,现代样式可提高数据的可读性,并提供一致的查看和编辑体验。

如需使用这些样式选项,管理员必须在管理面板的预览 页面上启用现代界面 预览版功能。所有 Looker 部署类型(包括 Looker [原始版本] 和 Looker (Google Cloud Core)都支持此预览版功能。

启用后,现代界面 预览版功能会引入以下设置和更新:

  • 现代可视化图表:Looker 图表的可视化主题 设置可让用户为 Looker 图表选择新的现代可视化主题。
  • 现代信息中心:信息中心的信息中心样式 设置可让用户为 Looker 信息中心选择新的现代样式。

现代可视化图表

启用现代界面 预览版功能后,您可以使用可视化主题 设置为 Looker 图表选择现代或经典可视化主题。选择现代 可视化主题有助于您创建简洁、易读且专业的图表,并具有清晰的现代外观。

下图比较了现代和经典可视化主题。

支持的图表类型

在预览版发布期间,现代可视化主题支持 Looker 最常用的内置图表类型:

现代可视化主题不支持所有其他图表类型(例如箱线图、漏斗图、地图、散点图、表格 [旧版]、时间轴和瀑布图)。如果 Look 或探索使用不受支持的图表类型,则可视化主题 设置不会显示在其修改菜单中。

现代和经典可视化主题的区别

现代可视化主题旨在优化图表布局、字体排版、颜色和互动行为。

下表介绍了使用现代主题的可视化图表与使用经典样式的可视化图表的区别。

视觉元素 经典可视化主题 现代可视化主题
字体排版
  • 对所有图表元素使用单一的统一字体(例如 Roboto Regular)。
  • 所有图表文本(包括标题和值)都使用相同的深色。
  • 轴上的标签经常会以对角线旋转或显示省略号 (...) 以适应空间。
  • Google Sans :应用于标题、标题和图例,使用有意的粗细和颜色渐变,以实现清晰的层次结构。
  • Google Sans Text :应用于较小的标签和轴,以提高可读性。
  • 等宽值 :图表轴上的数字使用等宽字体,以保持清晰的垂直对齐。
  • 伸缩 :标签会动态调整大小,并尽可能避免对角线或垂直旋转。
默认颜色
  • 新图表默认使用 Shoreline 颜色集合
  • 如果默认可视化颜色 管理员设置设置为默认颜色集合以外的颜色集合(也就是说,设置为 Shoreline 以外的颜色集合),则该设置会替换新图表中的 Shoreline 颜色集合。
  • 如果选择了经典可视化主题,则图表无法使用现代颜色集合。
  • 新图表默认使用现代 颜色集合
  • 如果默认可视化颜色 管理员设置设置为默认颜色集合以外的颜色集合(也就是说,设置为 Shoreline 以外的颜色集合),则该设置会替换新图表中的现代颜色集合。
  • 根据查询的数据自动解析并应用最佳调色板类型(分类、顺序或发散)。
笛卡尔图表(条形图、柱形图、折线图、面积图)
  • 网格线和轴线非常醒目(深灰色)。
  • 柱形和条形以 90 度直角呈现。
  • 网格线和轴线采用较浅、较柔和的颜色,以突出显示数据。
  • 柱形和条形以圆角外边缘呈现(4 像素圆角半径)。
  • 柱形和条形间距扩大,以保持各部分之间的清晰分隔。
饼图和环形图
  • 切片以直角呈现,彼此紧密贴合。
  • 切片具有圆角外边缘,且彼此之间有细微间距。
  • 图例标签并排显示值、百分比或两者。
单值图表
  • 标准化间距可能会以意外的方式缩放。
  • 充足的内边距和调整后的行高,确保标题、值和比较标签分隔开且可扫描。
互动和工具提示
  • 基本悬停操作,无动态移动。
  • 工具提示具有直角和标准灰色背景。
  • 将指针悬停在饼图切片上或选择饼图切片时,切片会略微展开(“膨胀”)并与图表分离。
  • 将指针悬停在折线图上时,该特定折线会略微加粗,而其他折线则会变暗。
  • 工具提示具有圆角、精细的间距和较深的背景,以实现高对比度。支持触摸屏和移动设备。
  • 信息中心交叉过滤逻辑和下钻行为保持不变。

现代颜色集合

如果启用了现代界面 预览版功能,您将看到现代颜色集合作为默认可视化颜色 设置的选项。即使您未为此设置选择现代颜色集合,如果您为可视化图表选择现代可视化主题,它也会默认使用现代 颜色集合

现代颜色集合的开发目标如下:

  • 确保图表元素和背景之间具有足够的对比度,以提高可见性和无障碍性。
  • 使用可区分的颜色序列(具有明显的视觉对比度),以便色弱人士区分。
  • 通过降低调色板的强度,防止分散注意力并专注于数据。

启用现代可视化主题(适用于管理员)

如需在实例上提供现代可视化主题,Looker 管理员必须在管理面板的预览 页面上启用现代界面 预览版功能。此预览版功能默认处于停用状态。

启用现代界面 功能后,现代主题将成为新查询图表的默认主题。不过,在启用现代界面 功能之前创建的图表不会自动采用现代主题。

如果您希望将现代主题的颜色集合设置为 Looker 中所有新可视化图表的默认调色板(包括不支持可视化主题的可视化图表),则可以在启用现代界面预览版功能后,在管理面板的设置页面上的默认可视化颜色设置中选择该颜色集合。此设置仅启用调色板,而不启用现代主题的其他功能。如果您启用了现代界面 功能,并希望所有图表类型的新可视化图表都使用相同的默认可视化颜色,请为此设置选择现代

为各个图表选择主题

如需为图表设置可视化主题,您必须拥有适当的权限并使用图表设置。

用户权限

如需使用和保存采用现代可视化主题的可视化图表,您必须拥有以下 Looker 权限:

  • 在探索中配置现代样式:用户必须拥有相关模型的explore权限。
  • 将现代可视化样式保存到各个 Look:用户必须拥有 exploresave_contentsave_looks 权限。用户还必须拥有他们想要修改的任何 Look 的管理访问权限、修改 访问权限级别。

图表设置

启用现代界面 功能后,您可以使用以下步骤更改可视化主题:

表格图表

对于表格图表,您可以在表格主题 字段中进行选择,以选择要应用的可视化主题。

  1. 如果您正在查看 Look,请点击修改 按钮以修改 Look。
  2. 在 Look 或探索中,点击可视化 标签页中的修改 以打开修改菜单。
  3. 前往修改菜单的绘制 标签页。
  4. 表格主题 下拉字段中,选择现代 或其他表格主题之一。可视化图表会更新以显示所选主题。
  5. 选择首选主题后,您可以将可视化图表另存为 Look 或将其添加到信息中心。您选择的主题将作为可视化图表配置的一部分保存。

其他图表

对于柱形图、条形图、折线图、面积图、饼图、环形图或单值图表,您可以在可视化主题 字段中进行选择,以选择要应用的可视化主题。

  1. 如果您正在查看 Look,请点击修改 按钮以修改 Look。
  2. 在 Look 或探索中,点击可视化 标签页中的修改 以打开修改菜单。
  3. 前往修改菜单的绘制 标签页。
  4. 可视化主题 下拉字段中,选择现代经典 。可视化图表会更新以显示所选主题。
  5. 选择首选主题后,您可以将可视化图表另存为 Look 或将其添加到信息中心。您选择的主题将作为可视化图表配置的一部分保存。

信息中心模块

  1. 将信息中心置于修改模式
  2. 打开模块的修改模块窗口
  3. 可视化 标签页中,点击修改 以打开修改菜单。
  4. 前往修改菜单的绘制 标签页。
  5. 可视化主题 下拉字段中,选择现代经典 。可视化图表会更新以显示所选主题。
  6. 选择首选主题后,您可以点击修改模块 窗口中的保存 ,然后点击信息中心中的保存 ,以保存更改。

LookML 信息中心元素

现代和经典主题可用于 LookML 信息中心元素,适用于 受支持的图表类型

如需使用主题,请使用 modern2026 参数,并将其设置为 true(现代主题)或 false(经典主题)。

如需将现代颜色集合应用于信息中心元素,请使用 collection_id 参数并将其设置为 looker_2026

自定义样式保留

当您将现代可视化主题应用于现有探索或 Look 时,Looker 会更新可视化图表的底层样式,而不会舍弃您的自定义配置。您明确保存的任何自定义格式选择优先于新的主题默认设置。

  • 自定义样式(保留):如果您手动自定义了特定格式属性(例如输入自定义颜色代码、将轴边界调整为 特定数字或手动定义图表系列名称),Looker 会完全保留这些替换设置。您的自定义选择不会被现代主题覆盖。
  • 未修改的属性(已更新):您未修改的任何样式设置(属性保留在其默认状态)都会自动升级到现代 主题的样式,例如新字体、柔和的网格线和圆角。

例如,如果您有一个经典主题柱形图,您已自定义柱形颜色以匹配公司的品牌,则切换到现代主题会保留这些特定的品牌颜色。不过,图表的字体、网格线样式和柱形角仍会自动升级到现代样式。

重置为默认设置

如果您希望将现代主题完全应用于包含自定义样式的可视化图表,可以将自定义属性重置回其默认状态:

  1. Look信息中心 内,进入可视化图表的修改模式。
  2. 修改 菜单中,找到要重置的属性(例如自定义颜色选择或字体大小)。
  3. 清除自定义值或选择默认设置以移除替换设置。属性将立即沿用现代主题的默认设置。

已知限制

在现代可视化主题处于预览版期间,存在以下限制:

  • 现代主题仅适用于支持的图表类型部分中列出的图表类型。所有其他内置 Looker 可视化图表(包括地图)都将使用经典主题呈现。
  • 现代可视化主题仅适用于内置 Looker 可视化图表。它不会影响通过 Looker 扩展程序框架开发的自定义可视化图表或从 Looker Marketplace 安装的可视化图表。
  • 无法通过 Looker API 或 Embed SDK 以编程方式修改可视化主题。

现代信息中心

启用现代界面 预览版功能后,新信息中心默认使用现代信息中心样式。使用现代信息中心样式创建的信息中心具有现代、精简的外观,并侧重于数据密度。或者,您也可以使用 Looker 预先存在的经典信息中心样式。使用信息中心样式 设置为信息中心选择现代或经典信息中心样式。

使用现代信息中心样式不会自动将信息中心内的图表更新为现代可视化主题。如需在信息中心模块中使用现代可视化主题,您必须进入信息中心的修改模式,并修改每个模块,以使用受支持的图表类型来使用现代可视化主题。

下图展示了一个使用现代信息中心样式的信息中心示例,其中模块使用现代可视化主题。

查看信息中心文档中显示了经典信息中心样式。

现代和经典信息中心样式的区别

现代信息中心样式旨在提高数据密度,并提供更精确、更一致的修改体验。

下表介绍了使用现代样式的信息中心与经典样式的区别。

元素 经典信息中心样式 现代信息中心样式
布局和密度
  • 使用标准网格布局,模块之间间距较大。
  • 高密度设计 :精简的界面,可减少视觉杂乱并专注于数据。
外观和风格
  • 采用旧版 Looker 界面元素和导航样式。
  • 现代美学 :简洁的设计,符合 Google 的设计标准。
  • 焕然一新的导航:更新了顶部和左侧导航栏,与新的探索体验保持一致。

启用现代信息中心样式(适用于管理员)

如需在实例上提供现代信息中心样式,Looker 管理员必须在管理面板的预览页面上启用现代界面预览版功能

在启用现代界面 功能之前创建的信息中心会保留经典信息中心样式,但可以使用信息中心样式 设置将其更新为现代样式。在启用现代界面 功能之后创建的信息中心默认使用现代信息中心样式。

为各个信息中心设置样式

如需设置信息中心样式,您必须拥有适当的权限并使用信息中心的设置 菜单。

用户权限

如需使用和保存采用现代样式的信息中心,用户必须拥有 save_dashboards Looker 权限。用户还必须拥有他们想要修改的任何信息中心的管理访问权限、修改 访问权限级别。

信息中心样式设置

启用现代界面 功能后,现代信息中心样式将成为新信息中心的默认样式。您可以使用以下步骤为新信息中心或预先存在的信息中心设置信息中心样式:

用户定义的信息中心

  1. 将信息中心置于修改模式
  2. 打开信息中心的设置 菜单
  3. 设置 菜单的常规 标签页中,使用信息中心样式 设置从下拉选项中选择现代经典 信息中心样式。信息中心会更新以显示所选样式。
  4. 点击设置 菜单中的保存
  5. 点击信息中心中的保存 以应用所选样式。

LookML 信息中心

如需使用现代信息中心样式,请将 style 信息中心参数设置为 modern。如需使用经典信息中心样式,请将 style 信息中心参数设置为 classic

嵌入式信息中心

对于使用嵌入式主题嵌入式信息中心,某些现代样式与非嵌入式信息中心中的样式看起来会有所不同。我们建议对使用嵌入式主题的嵌入式信息中心使用经典信息中心样式。

后续步骤: