URL Iframe 前端技术层 DataEase 开源数据可视化分析平台 RESTful API JavaScript API 仪表板管理 数据⼤屏管理 数据集管理 数据源管理 ⽤户管理 组织管理 ⻆⾊管理 权限管理 前端事件交互 平台 API 层 注：JavaScript API 当前尚不⽀持，后续根据需求情况再进⾏开发。 图表嵌⼊ 将单个图表 / 表格嵌⼊到系统中，辅助⽤户进⾏决策。 具体的应⽤场景。 DIV 嵌⼊ Iframe 嵌⼊ 优点 • 简单易⽤，可以通过 CSS 轻松控制嵌⼊内容的样式； • 与主⻚⾯共享同⼀个域名，因此可以访问主⻚⾯中的 资源，例如 JavaScript ⽂件和 CSS ⽂件。 • 嵌⼊内容是独⽴的，与主⻚⾯之间没有耦合关系； • 可以通过 Iframe 标签的属性来控制嵌⼊内容的样式； • 可以嵌⼊任何类型的内容，包括来⾃不同域名的⽹⻚。 嵌⼊内容的样式可能会与主⻚⾯样式⻛格冲突； • 嵌⼊内容的 JavaScript 代码可能会影响主⻚⾯的性 能。 获取嵌⼊式应 ⽤的 APP ID、 APP Secret DataEase 嵌⼊式版嵌⼊流程 提供⽤户名、 APP ID 、APP Secret ⽣成 Token 前端引⼊ DataEase 提供 的前端 JavaScript 获取仪表板 /数 据⼤屏 / 图表 ID

功能模块嵌入 门户嵌入 OEM 白标 结果嵌入 设计器嵌入 整体嵌入 DIV 嵌入方式 IFRAME 嵌入方式 前端技术层 DataEase 开源数据可视化分析平台 RESTful API JavaScript API 仪表板管理 数据大屏管理 数据集管理 数据源管理 用户管理 组织管理 角色管理 权限管理 前端交互 平台 API 层 图表嵌入 将单个图表 / 表格嵌入到系统中，辅助用户进行决策。 具体的应用场景。 DIV 嵌入 IFRAME 嵌入 优点 • 简单易用，可以通过 CSS 轻松控制嵌入内容的样式； • 与主页面共享同一个域名，因此可以访问主页面中的资 源，例如 JavaScript 文件和 CSS 文件。 • 嵌入内容是独立的，与主页面之间没有耦合关系； • 可以通过 IFRAME 标签的属性来控制嵌入内容的样式； • 可以嵌入任何类型的内容，包括来自不同域名的网页。 嵌入内容的样式可能会与主页面样式风格冲突； • 嵌入内容的 JavaScript 代码可能会影响主页面的性能 。 获取嵌入式应 用的 APP ID、 APP Secret DataEase 的嵌入流程 提供用户名、 APP ID 、APP Secret 生成 Token 前端引入 DataEase 提供 的前端 JavaScript 获取仪表板 /数 据大屏 / 图表 ID