管理设置 - 可视化图表

Looker 包含一个强大的原生可视化类型列表,可让您通过多种方式绘制数据图表。如果您需要的图表类型未包含在 Looker 的原生可视化类型中,可以使用 Looker 向自定义 Looker 实例添加自定义 JavaScript 可视化数据的几种方式:

  1. 向 LookML 项目的清单文件添加 visualization 参数,以直接将自定义可视化图表添加到 LookML 项目中。如需了解详情,请参阅 visualization 参数文档页面。
  2. 从 Looker Marketplace 安装可视化图表。启用 Looker Marketplace 功能后,即可安装 Looker Marketplace 插件,包括可添加到 Looker' 原生可视化库的可视化类型。如需详细了解如何通过 Looker Marketplace 安装插件,请参阅使用 Looker Marketplace 文档页面。如需了解如何创建可添加到 Looker Marketplace 并可供其他 Looker 用户访问的可视化图表,请参阅为 Looker Marketplace 开发自定义可视化图表文档页面。
  3. 使用 Looker 管理菜单的平台部分中的可视化页面,通过 Looker 的自定义可视化库来安装和管理自定义 JavaScript 可视化。

本页介绍了如何使用 Looker 管理面板中的可视化页面添加自定义 JavaScript 可视化。

自定义可视化是一项由社区提供支持的工作。Looker 的支持团队不会排查与自定义可视化图表或自定义可视化图表代码相关的问题。如需跟踪和关闭错误,请在自定义可视化图表的代码库中使用 GitHub 问题,或者访问 Looker 的社区论坛帮助中心,查看与自定义可视化图表相关的文章、对话和提示。

您可以通过 Looker Marketplace 下载受支持的可视化图表。

查看自定义可视化图表列表

为确保下载的可视化图表具备全部功能,客户托管的部署的管理员应确保安装适当版本的 Chromium 渲染程序

Looker 的管理菜单的平台部分中的可视化页面列出了通过上述任一方法添加到 Looker 实例的所有自定义可视化图表:

该列表包括以下列:

  • ID:分配给自定义可视化图表的唯一 ID。该值可以在 JavaScript 代码中分配,也可以在使用管理页面添加修改可视化图表时进行,也可以在使用 LookML 项目清单文件添加可视化图表时,在可视化图表的 id 参数中指定。
  • 标签:为 Looker 可视化图表菜单中的可视化图表类型指定的名称。当您使用“管理”页面添加修改可视化图表时,或在使用 LookML 项目清单文件添加可视化图表时,在可视化图表的 label 参数中分配此值。
  • 主要:可视化图表的主要 JavaScript 代码的 URI。当您使用“管理”页面添加修改可视化图表时,或在使用 LookML 项目清单文件添加可视化图表时,在可视化图表的 url 参数中分配此值。
  • 操作:用于修改或删除可视化图表配置的按钮。使用 LookML 项目的清单文件添加的可视化图表不会显示这些按钮。要修改这些可视化图表,请转到 LookML 项目的清单文件,并直接修改 visualization 参数。

添加新的自定义可视化图表

您可以在 Looker 的市场中找到 Looker 的可视化屏蔽设置列表。Looker 还维护着一个公开可视化库,以供在此 Looker GitHub 页面上公开使用。您可以在此 Looker GitHub 页面中找到有关如何使用 Looker 的可视化 API 创建自己的可视化类型的说明。

确定要添加到实例的可视化图表后,您可以使用可视化图表页面点击页面右上角的添加可视化图表按钮,以添加自定义可视化图表。

Looker 会显示新建可视化图表:页面:

  1. ID 字段中,输入可视化图表 JavaScript 中定义的可视化图表的唯一 ID。

  2. 标签字段中,输入要在 Looker 可视化图表菜单中显示的可视化图表的名称。例如,下面展示了 Looker 显示标记为“桑基”的自定义可视化效果的方式:

    • 点击可视化菜单栏中的 ... 三点状图标以访问自定义可视化图表。
    • 选择可视化图表后,可视化图表菜单栏上会显示可视化图表的名称。
  3. 字段中,输入可视化图表的主要 JavaScript 文件的 URI,将 Looker 指向您的 JavaScript 代码库。

  4. 如果托管自定义可视化图表代码的网站使用子资源完整性 (SRI) 哈希进行验证,请在 SRI 哈希字段中输入 SRI 哈希。该字段位于高级选项下。Looker 的自定义可视化主机不使用 SRI 哈希。

  5. 依赖项字段中,输入可视化 JavaScript 所依赖的任何其他文件的 URI,然后点击添加。您可以输入多个 URI(以英文逗号分隔),也可以一次添加多个 URI。您可以在高级选项下找到依赖项字段。

  6. 点击保存

添加完可视化内容后,您将在“探索”的可视化菜单中为其添加标签。您可以像使用现有的 Looker 类型一样,使用新的可视化类型。

修改自定义可视化图表

要修改现有可视化图表,请点击可视化图表右侧的修改按钮。Looker 会显示您添加可视化图表的页面(如上文所述),但已填写相关信息。根据需要进行更改,然后点击保存

删除自定义可视化图表

要删除可视化图表,请点击可视化图表右侧的删除按钮,然后点击确认框中的确定。这会将该可视化图表从 Looker 中移除,但不会影响该可视化图表外部代码库中的任何内容。

删除可视化图表会停用使用该可视化类型的所有 Looks 或信息中心。您可以通过使用同一可视化 ID 重新添加已删除的可视化图表进行更正。