对于 AI 代理:可在 https://www.mongodb.com/zh-cn/docs/llms.txt 获取文档索引—通过在任何 URL 路径后添加 .md 可获取所有页面的 Markdown 版本。
Docs 菜单

嵌入式 SDK

您可以使用嵌入 SDK 将图表或仪表盘嵌入到 Web 应用程序中,从而能够更灵活地调整设置和呈现。

要了解详情,请参阅开始使用嵌入 SDK

如果您有简单的网络应用,则可以从脚本标签引用嵌入 SDK,无需安装。您可以使用 UMD 直接在浏览器中运行 @mongodb-js/charts-embed-sdk

<script src="https://unpkg.com/@mongodb-js/charts-embed-dom"></script>

如果您正在构建更复杂的网络应用程序,并且正在使用 npmyarn,则可以安装嵌入式 SDK,直接通过脚本文件加以使用。

要安装带有 npm 的嵌入式 SDK,请使用以下命令:

npm install @mongodb-js/charts-embed-dom

要使用 yarn 进行安装:

yarn add @mongodb-js/charts-embed-dom

使用嵌入式 SDK 的示例应用 可以在 codesandbox.io 中找到。该示例应用演示了嵌入式 SDK 可用的一些交互式功能,包括交互式过滤和手动刷新按钮。

为此示例应用配置了一个图表 ID 和特定于此应用的基本 URL。请务必为您自己的应用配置正确的图表 ID 或仪表盘 ID 以及基本 URL。

此示例应用使用两种 SDK 方法:

方法
说明
参数
返回:

refresh()

使用数据源中的最新数据重新加载图表。

Promise<void>

setFilter()

根据指定的 MQL 筛选文档筛选嵌入式图表。

筛选器中包含的所有字段都必须在“Embed Chart”(嵌入图表)模式中指定。请参阅使用 SDK 筛选嵌入式图表

filter 对象

Promise<void>

MongoDB嵌入 SDK 示例Github存储库中提供了其他示例。