嵌入式分析 SDK - AI 聊天

Embedded AI chat

嵌入式分析 SDK 仅在 ProEnterprise 计划(包括自托管和 Metabase Cloud)中可用。

您可以像 Metabase 中的 Metabot 一样,在应用程序中嵌入 AI 聊天。

嵌入式 Metabot 是 Metabot 的一个更精简的版本,专为嵌入式环境而设计。嵌入式 Metabot 只能显示临时问题和指标;它不了解仪表板。

为了帮助嵌入式 Metabot 更轻松地查找和关注您最关心的数据,请选择包含其可用于创建查询的模型和指标的集合。

如果您将 Metabot 组件嵌入到应用程序中,可以指定一个不同的集合供嵌入式 Metabot 使用来创建查询。

聊天预览

您可以在我们的 Shoppy 演示站点上查看 AI 聊天组件的演示

示例

import React from "react";
import {
  MetabotQuestion,
  MetabaseProvider,
  defineMetabaseAuthConfig,
} from "@metabase/embedding-sdk-react";

const authConfig = defineMetabaseAuthConfig({
  metabaseInstanceUrl: "https://your-metabase.example.com",
});

export default function App() {
  return (
    <MetabaseProvider authConfig={authConfig}>
      <MetabotQuestion />
    </MetabaseProvider>
  );
}

属性

属性 类型 描述
className? 字符串 要添加到根元素的自定义类名。
height? Height<string | number> 一个数字或字符串,指定CSS大小值,用于指定组件的高度
layout? "auto" | "sidebar" | "stacked" MetabotQuestion 组件的布局。 - auto (默认): Metabot 在移动屏幕上使用 stacked 布局,在较大屏幕上使用 sidebar 布局。 - stacked: 问题可视化堆叠在聊天界面之上。 - sidebar: 问题可视化出现在聊天界面的左侧,聊天界面位于右侧的侧边栏中。
style? CSSProperties 要添加到根元素的自定义样式对象。
width? Width<string | number> 一个数字或字符串,指定CSS大小值,用于指定组件的宽度

API 参考

设置 AI 聊天

在 Metabase 中配置您的嵌入式 AI 聊天

  1. 点击右上角的齿轮图标。
  2. 选择管理员设置
  3. 点击AI 标签页。
  4. 在左侧边栏中,点击嵌入式 Metabot

在将 Metabot 组件嵌入到您的应用程序中时,您应该指定一个供嵌入式 Metabot 使用来创建查询的集合。嵌入式 Metabot 将只能访问该集合。

有关技巧和更多信息,请参阅 Metabot 设置

布局

使用 layout prop 来指定 Metabot 组件使用的布局

  • auto (默认): Metabot 在移动屏幕上使用 stacked 布局,在较大屏幕上使用 sidebar 布局。
  • stacked: 问题可视化堆叠在聊天界面之上。
  • sidebar: 问题可视化出现在聊天界面的左侧,聊天界面位于右侧的侧边栏中。

阅读其他版本的 Metabase 的文档。

这有帮助吗?

感谢您的反馈!
想改进这些文档吗?提议更改。
© . This site is unofficial and not affiliated with Metabase, Inc.