MongoDB工具 >MongoDB图表 >图表嵌入 >使用Embedding SDK嵌入图表 >嵌入教程 > 嵌入未经身份验证的图表
您可以将图表嵌入Web应用程序中,而无需身份验证即可查看图表数据。要限制对嵌入式图表的访问,请参阅经过 身份验证的嵌入式图表教程。
启用未经身份验证的嵌入以生成图表ID和“图表基本URL”。您需要图表ID和图表基本URL才能在网页上显示图表。
从仪表板页面中,选择包含要嵌入的图表的仪表板。
在仪表板上,单击 图表右上方的嵌入图表。
以访问其嵌入信息。从下拉菜单中选择如果已经在此图表使用的数据源上启用了外部共享,请跳过此步骤。如果尚未启用在数据源上嵌入,则可以立即启用。单击 配置外部共享链接。
您将在Web应用程序代码中需要Charts Base URl和Chart ID值。
如果您已经有一个可以在其中显示图表的应用程序,则可以添加未经身份验证的嵌入式图表。如果不是,请继续其余步骤以创建一个新应用。
MongoDB提供了一个预先构建的示例应用程序,该应用程序显示了如何使用Embedding SDK来显示未经身份验证的嵌入式图表。
克隆GitHub存储库
以获取所有示例应用程序。目录中的自述文件中包含运行未经身份验证的示例的说明unauthenticated
。您可以按原样运行该应用程序,也可以对其进行自定义以使用自己的图表。
index.js
在文本编辑器中打开文件。¶该文件index.js
位于src
目录中。
用要显示的图表的基本URL替换现有的“图表基本URL”。您的“图表基本URL”在嵌入选项模式窗口中可见。有关为图表启用嵌入的详细说明,请参见 使用Embedding SDK嵌入图表。
您还可以在HTML页面中包含带有嵌入式Javascript的Embedding SDK,如以下代码片段所示:
将现有的图表ID替换为要显示的图表的ID。您的图表ID在“嵌入选项”模式窗口中可见。有关为图表启用嵌入的详细说明,请参见 使用Embedding SDK嵌入图表。