应⽤功能层 仪表板 / 数据⼤屏 ⻚⾯嵌⼊ 仪表板 / 数据⼤屏 图表嵌⼊ 仪表板 / 数据⼤屏 设计器嵌⼊ BI 功能模块嵌⼊ ⻔户嵌⼊ OEM ⽩标 结果嵌⼊ 设计器嵌⼊ 整体嵌⼊ DIV URL Iframe 前端技术层 DataEase 开源数据可视化分析平台 RESTful API JavaScript API 仪表板管理 数据⼤屏管理 数据集管理 数据源管理 ⽤户管理 2 嵌⼊式 BI 的应⽤场景 3 DataEase 嵌⼊式 BI 的优势 DataEase 嵌⼊式版嵌⼊流程 DIV 嵌⼊式与 Iframe 嵌⼊ DIV 与 Iframe 均为⽹⻚中⽤于创建⽹络布局与嵌⼊内容的元素，它们各有优缺点，主要取决于 具体的应⽤场景。 DIV 嵌⼊ Iframe 嵌⼊ 优点 • 简单易⽤，可以通过 CSS 轻松控制嵌⼊内容的样式； • 与主⻚⾯共享同⼀个域名，因此可以访问主⻚⾯中的 根据⽤户名、APP ID、APP Secret ⽣成 Token DataEase 嵌⼊流程 III 前端引⼊ DataEase 提供的前端 JavaScript http://ip:port/js/div_import_0.0.0-dataease.js ip：port 需更换为对应的 DataEase 服务的访问信息。 DataEase 嵌⼊流程 IV 获取仪表板 / 数据⼤屏 / 图表 ID

应用功能层 仪表板 / 数据大 屏页面嵌入 仪表板 / 数据大 屏图表嵌入 仪表板 / 数据大 屏设计器嵌入 BI 功能模块嵌入 门户嵌入 OEM 白标 结果嵌入 设计器嵌入 整体嵌入 DIV 嵌入方式 IFRAME 嵌入方式 前端技术层 DataEase 开源数据可视化分析平台 RESTful API JavaScript API 仪表板管理 数据大屏管理 数据集管理 数据源管理 嵌入式分析的优势 在线体验 & 嵌入流程介绍 在线体验 https://embedded-bi.dataease.cn/ DIV 嵌入与 IFRAME 嵌入 DIV 与 IFRAME 均为网页中用于创建网络布局与嵌入内容的元素，它们各有优缺点，主要取决于 具体的应用场景。 DIV 嵌入 IFRAME 嵌入 优点 • 简单易用，可以通过 CSS 轻松控制嵌入内容的样式； • 与主页面共享同一个域名，因此可以访问主页面中的资 根据用户名、APP ID、APP Secret 生成 Token DataEase 嵌入流程 （2 / 5） 前端引入 DataEase 提供的前端 JavaScript http://ip:port/js/div_import_0.0.0-dataease.js ip：port 需更换为对应的 DataEase 服务的访问信息。 DataEase 嵌入流程 （3 / 5） 获取仪表板 / 数据大屏 /