嵌入式分析 SDK - AI 聊天

嵌入式分析 SDK 仅在 Pro 和 Enterprise 计划(包括自托管和 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 聊天
- 点击右上角的齿轮图标。
- 选择管理员设置。
- 点击AI 标签页。
- 在左侧边栏中,点击嵌入式 Metabot。
在将 Metabot 组件嵌入到您的应用程序中时,您应该指定一个供嵌入式 Metabot 使用来创建查询的集合。嵌入式 Metabot 将只能访问该集合。
有关技巧和更多信息,请参阅 Metabot 设置。
布局
使用 layout prop 来指定 Metabot 组件使用的布局
auto(默认): Metabot 在移动屏幕上使用stacked布局,在较大屏幕上使用sidebar布局。stacked: 问题可视化堆叠在聊天界面之上。sidebar: 问题可视化出现在聊天界面的左侧,聊天界面位于右侧的侧边栏中。
阅读其他版本的 Metabase 的文档。