使用新版界面

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

如需使用这些样式选项，必须在管理控制台的预览版页面上启用现代界面预览版功能。所有 Looker 部署类型（包括 Looker [原始版本] 和 Looker (Google Cloud Core)都支持此预览版功能，并且该功能默认处于启用状态。

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

  • 现代可视化图表：借助 Looker 图表的可视化主题设置，用户可以为 Looker 图表选择新的现代可视化主题。
  • 现代信息中心：借助信息中心的信息中心样式设置，用户可以为 Looker 信息中心选择新的现代样式。

现代可视化图表

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

下图展示了现代可视化主题与传统可视化主题之间的对比。

支持的图表类型

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

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

现代和传统可视化图表主题有何不同

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

下表介绍了使用“现代”主题的可视化图表与使用“经典”样式的可视化图表有何不同。

视觉元素 经典可视化主题 现代可视化主题
字体排版
  • 对所有图表元素使用单一、统一的字体（例如 Roboto Regular）。
  • 所有图表文本（包括标题和值）都采用相同的深色。
  • 轴上的标签经常会斜向旋转或显示为省略号 (…)，以适应空间。
  • Google Sans：应用于标题、页眉和图例，通过有意识地调整字重和颜色渐变，打造清晰的层级结构。
  • Google Sans Text：应用于较小的标签和轴，以提高可读性。
  • 等宽值：图表轴上的数字使用等宽字体，以保持整齐的垂直对齐。
  • 伸缩：标签会动态调整大小，并尽可能避免对角线或垂直旋转。
默认颜色
  • 对于新图表，默认为海岸线 颜色集合。
  • 如果默认可视化图表颜色管理员设置设为默认颜色集合以外的颜色集合（即 Shoreline 以外的颜色集合），则该设置会覆盖新图表中的 Shoreline 颜色集合。
  • 选择“经典”可视化主题后，图表将无法使用“现代”颜色集合。
  • 对于新图表，默认使用现代颜色集合。
  • 如果默认可视化图表颜色管理员设置设为默认颜色集合以外的颜色集合（即 Shoreline 以外的颜色集合），则该设置会覆盖新图表中的 Modern 颜色集合。
  • 根据查询的数据自动解析并应用最佳调色板类型（分类、依序或发散）。
笛卡尔图表（条形图、柱形图、折线图、面积图）
  • 网格线和轴线清晰可见（深灰色）。
  • 列和条形会以 90 度的尖角呈现。
  • 网格线和轴线采用更浅、更柔和的颜色，以将注意力集中在数据上。
  • 列和条形会以外边缘圆角（4 像素角半径）的形式呈现。
  • 柱形和条形间距已扩大，以保持各细分之间的清晰分隔。
饼图和圆环图
  • 切片呈现为尖角，并彼此紧密贴合。
  • 切片具有圆角外边缘，且切片之间有细微间距。
  • 图例标签会并排显示值、百分比或两者。
单值图表
  • 标准化间距，可能会以意想不到的方式缩放。
  • 采用宽敞的内边距和调整后的行高，确保标题、值和比较标签之间有足够的间距，便于快速浏览。
互动和提示
  • 不含动态移动的基本悬停操作。
  • 提示采用尖角和标准灰色背景。
  • 将指针悬停在饼图切片上或选择饼图切片，会使切片略微扩大（“膨胀”）并与图表分离。
  • 将指针悬停在折线图上时，该特定线条会略微变粗，而其他线条会变暗。
  • 提示采用圆角设计、更精致的间距和更深的背景，以实现高对比度。支持触摸屏和移动设备。
  • 信息中心交叉过滤逻辑和下钻行为保持不变。

“现代”颜色集合

如果启用了现代界面预览版功能，您会在默认可视化图表颜色设置中看到“现代”颜色集合选项。即使您没有为此设置选择“现代”颜色集合，如果您为可视化图表选择了“现代”可视化图表主题，它也会默认使用“现代”颜色集合。

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

  • 确保图表元素与背景之间有足够的对比度，以保证可见性和无障碍性。
  • 使用可区分（具有明显的视觉对比度）的颜色序列，以便色觉障碍人士识别。
  • 通过降低调色板的强度，防止分散注意力并保持对数据的关注。

启用“现代”可视化主题（适用于管理员）

如需在实例上提供“现代”可视化主题，必须在管理控制台的预览页面上启用现代界面预览版功能。预览功能默认处于启用状态。

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

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

为单个图表选择主题

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

用户权限

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

  • 在“探索”中配置现代样式：用户必须拥有相关模型的 explore 权限。
  • 如需将现代可视化图表样式保存到各个 Look：用户必须拥有 explore、save_content 和 save_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 的设计标准。
  • 全新导航：更新了顶部和左侧导航栏，以便与全新“探索”体验保持一致。

启用现代信息中心样式（适用于管理员）

如需在实例上提供现代信息中心样式，必须在管理控制台的预览版页面上启用现代界面预览版功能。预览功能默认处于启用状态。

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

为单个信息中心设置样式

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

用户权限

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

“信息中心样式”设置

启用现代界面功能后，现代信息中心样式会成为新信息中心的默认样式。您可以按照以下步骤为新信息中心或现有信息中心设置信息中心样式：

用户定义的信息中心

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

LookML 信息中心

如需使用现代信息中心样式，请将 style 信息中心参数设置为 modern。如需使用传统信息中心样式，请将 style 信息中心参数设置为 classic。

嵌入式信息中心

对于使用嵌入式主题的嵌入式信息中心，某些现代样式看起来会与非嵌入式信息中心内的样式不同。对于使用嵌入式主题的嵌入式信息中心，我们建议使用传统信息中心样式。

后续步骤：