使用新版界面

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

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

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

  • 新式可视化图表:借助 Looker 图表的可视化主题设置,用户可以为 Looker 图表选择新的“新式”可视化主题。
  • 新版信息中心:借助信息中心的信息中心样式设置,用户可以为 Looker 信息中心选择新的“新版”样式。

现代可视化图表

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

下图显示了现代主题与经典主题之间的对比。

支持的图表类型

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

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

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

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

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

视觉元素 经典可视化主题 现代可视化主题
字体排版
  • 针对所有图表元素使用单一的统一字体(例如 Roboto Regular)。
  • 所有图表文字(包括标题和值)都采用相同的深色。
  • 轴上的标签经常会以对角线方式旋转或显示为省略号 (…),以适应空间。
  • Google Sans:应用于标题、标头和图例,通过有意的粗细和颜色渐变来呈现清晰的层次结构。
  • Google Sans Text:应用于较小的标签和轴,以提高可读性。
  • 等宽值:图表轴上的数字使用等宽字体,以保持整齐的垂直对齐。
  • 伸缩:标签会动态调整大小,并尽可能避免对角或垂直旋转。
默认颜色
  • 新图表的默认海岸线 颜色集合
  • 如果默认可视化图表颜色管理员设置设置为非默认颜色集合(即设置为非“海岸线”颜色集合),则该设置会替换新图表中的“海岸线”颜色集合。
  • 如果选择“经典”可视化图表主题,则无法为图表选择“现代”色彩集合。
  • 新图表的默认颜色集合为现代颜色集合
  • 如果将默认可视化图表颜色管理员设置设为默认颜色集合以外的颜色集合(换句话说,设为“海岸线”以外的颜色集合),则该设置会替换新图表中的“现代”颜色集合。
  • 根据查询的数据自动确定并应用最佳调色板类型(分类、顺序或发散)。
笛卡尔坐标图(条形图、柱状图、折线图、面积图)
  • 网格线和轴线非常醒目(深灰色)。
  • 列和条形图以 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

嵌入式信息中心

对于使用嵌入式主题嵌入式信息中心,部分现代样式设置与非嵌入式信息中心中的样式设置有所不同。建议您为使用嵌入式主题的嵌入式信息中心使用“经典”信息中心样式。

后续步骤: