@@ -4864,8 +4864,8 @@ <h1>Iframe 嵌入</h1>
48644864< div class ="admonition abstract ">
48654865< p > Iframe 嵌入支持嵌入单个数据大屏、仪表板,图表资源。也支持数据集、数据源,仪表板,数据大屏等模块嵌入,提供一个模块的完整能力,可根据实际需要进行选择。</ p >
48664866< p > 使用 postMessage 方式实现 DataEase 和嵌入系统的页面信息交互。</ p >
4867- < p > (postMessage 是挂载在 window下的一个方法,用于不同域名下的两个页面的信息交互,父子页面通过 postMessage() 发送消息,再通过监听 message 事件接收信息。)Iframe 嵌入必须在监听触发后,再初始化图表。</ p >
4868- < p > < strong > 注意:嵌入需要在 DataEase 的配置文件 /opt/dataease2.0/conf/application.yml 里增加 origin-list 配置,并重启服务。详细见常见问题 4.2 。</ strong > </ p >
4867+ < p > (postMessage 是挂载在 window下的一个方法,用于不同域名下的两个页面的信息交互,父子页面通过 postMessage() 发送消息,再通过监听 message 事件接收信息。)Iframe 嵌入必须在监听触发后,再初始化图表。</ p >
4868+ < p > < strong > 注意:嵌入需要在 DataEase 的配置文件 /opt/dataease2.0/conf/application.yml 里增加 origin-list 配置,并重启服务。详细见 < a href =" https://dataease.io/docs/v2/embedded/question/#2-iframe-div " > 嵌入式常见问题 2 </ a > 。</ strong > </ p >
48694869</ div >
48704870< h2 id ="1 "> 1 仪表板嵌入< a class ="headerlink " href ="#1 " title ="Permanent link "> ¶</ a > </ h2 >
48714871< div class ="admonition abstract ">
@@ -4960,9 +4960,9 @@ <h3 id="11">1.1 仪表板双向参数传递<a class="headerlink" href="#11" titl
49604960< p > 双向传参应用场景: </ br > </ p >
49614961< div class ="admonition abstract ">
49624962< p > 第三方系统向 DataEase 传参,依赖于 DataEase 仪表板/数据大屏外部参数实现。</ p >
4963- < p > 1.初始化看板时,由第三方系统向 DataEase 传参过滤数据。
4964- a) 公共链接拼接 attachParams 过滤数据。</ p >
4965- < p > < div class ="highlight "> < pre > < span > </ span > < code > #
4963+ < p > 1.初始化看板时,由第三方系统向 DataEase 传参过滤数据。</ br > </ p >
4964+ < p > a) 公共链接拼接 attachParams 过滤数据。
4965+ < div class ="highlight "> < pre > < span > </ span > < code > #
49664966一、公共链接嵌入(数据不敏感或内网环境可用,使用 ticket 的方式会较为安全)。
496749671、获取仪表板公共链接
496849682、定义一个 iframe 容器,并且设置好宽高。
@@ -5199,7 +5199,7 @@ <h3 id="11">1.1 仪表板双向参数传递<a class="headerlink" href="#11" titl
51995199< p > DataEase 向第三方系统传参 </ br > </ p >
52005200< p > 查看看板时,可点击 DataEase 里的各个组件,向第三方系统传递当前点击的内容,具体内容可通过解析传递的 message,获取相应的信息。</ p >
52015201< p > 以下为 DataEase 传递内部消息的解析后得到的参数例子,这些参数均可以在 DataEase 获取数据大屏的接口详情里得到。</ p >
5202- < div class ="highlight "> < pre > < span > </ span > < code > 1.完整 data json 如下。
5202+ < p > < div class ="highlight "> < pre > < span > </ span > < code > 1.完整 data json 如下。
52035203{
52045204 "msgOrigin": "de-fit2cloud",
52055205 "type": "dataease-embedded-interactive",
@@ -5228,6 +5228,7 @@ <h3 id="11">1.1 仪表板双向参数传递<a class="headerlink" href="#11" titl
52285228 ],
52295229 "quotaList": [ ]}
52305230</ code > </ pre > </ div >
5231+ 示例代码:
52315232< div class ="highlight "> < pre > < span > </ span > < code > #
52325233二、DataEase 嵌入式推荐的 iframe 嵌入
523352341、iframe 嵌入需要先在 application.yml 里添加 origin-list
@@ -5293,7 +5294,7 @@ <h3 id="11">1.1 仪表板双向参数传递<a class="headerlink" href="#11" titl
52935294}
52945295
52955296</script>
5296- </ code > </ pre > </ div >
5297+ </ code > </ pre > </ div > </ p >
52975298</ div >
52985299< h2 id ="2 "> 2 仪表板设计器嵌入< a class ="headerlink " href ="#2 " title ="Permanent link "> ¶</ a > </ h2 >
52995300< div class ="admonition abstract ">
@@ -5362,7 +5363,7 @@ <h2 id="2">2 仪表板设计器嵌入<a class="headerlink" href="#2" title="Perm
53625363</ div >
53635364< h2 id ="3 "> 3 数据大屏嵌入< a class ="headerlink " href ="#3 " title ="Permanent link "> ¶</ a > </ h2 >
53645365< div class ="admonition abstract ">
5365- < p > 数据大屏嵌入支持嵌入整个数据大屏,用户可以浏览嵌入的数据大屏,数据大屏嵌入还支持外部参数设置。 </ p >
5366+ < p > 可以将数据大屏嵌入到第三方业务系统中,用户通过第三方系统访问数据大屏,同时支持外部参数过滤设置。 </ p >
53665367< div class ="highlight "> < pre > < span > </ span > < code > #
53675368 一、公共链接嵌入(数据不敏感或内网环境可用,使用 ticket 的方式会较为安全)。
53685369 1、获取数据大屏公共链接
@@ -5447,11 +5448,15 @@ <h2 id="3">3 数据大屏嵌入<a class="headerlink" href="#3" title="Permanent
54475448</ div >
54485449< h3 id ="31 "> 3.1 数据大屏双向参数传递< a class ="headerlink " href ="#31 " title ="Permanent link "> ¶</ a > </ h3 >
54495450< div class ="admonition abstract ">
5450- < p > 参考 Ifram 仪表板双向参数传递以及 Iframe 数据大屏嵌入,将相应 busiFlag 修改对应。</ p >
5451+ < p > 参考 < a href ="https://dataease.io/docs/v2/embedded/iframe/#11 "> 1.1 仪表板双向参数传递</ a > 以及 < a href ="https://dataease.io/docs/v2/embedded/iframe/#3 "> 3 数据大屏嵌入</ a > 。以及 Iframe 数据大屏嵌入,将相应 busiFlag 修改对应。</ p >
5452+ < ul >
5453+ < li > 仪表板图表 busiFlag: dashboard</ li >
5454+ < li > 数据大屏图表 busiFlag: dataV</ li >
5455+ </ ul >
54515456</ div >
54525457< h2 id ="4 "> 4 数据大屏设计器嵌入< a class ="headerlink " href ="#4 " title ="Permanent link "> ¶</ a > </ h2 >
54535458< div class ="admonition abstract ">
5454- < p > 数据大屏设计器嵌入支持嵌入整个数据大屏设计器界面 ,用户不仅可以浏览嵌入的数据大屏,还可以对其进行编辑:</ p >
5459+ < p > 支持嵌入整个数据大屏设计器界面 ,用户不仅可以浏览嵌入的数据大屏,还可以对其进行编辑:</ p >
54555460< div class ="highlight "> < pre > < span > </ span > < code > #
54565461 一、DataEase 嵌入式推荐的 iframe 嵌入
54575462 1、iframe 嵌入需要先在 application.yml 里添加 origin-list
@@ -5666,7 +5671,7 @@ <h2 id="6">6 我的填报嵌入<a class="headerlink" href="#6" title="Permanent
56665671< h2 id ="7 "> 7 模块嵌入< a class ="headerlink " href ="#7 " title ="Permanent link "> ¶</ a > </ h2 >
56675672< h3 id ="71 "> 7.1 仪表板模块< a class ="headerlink " href ="#71 " title ="Permanent link "> ¶</ a > </ h3 >
56685673< div class ="admonition abstract ">
5669- < p > 嵌入整个仪表板模块后,可以实现对仪表板模块的整体使用,包括新建、编辑和删除仪表板: </ p >
5674+ < p > 嵌入整个仪表板模块后,可以实现对仪表板模块的整体使用,包括新建、编辑和删除仪表板。 </ p >
56705675< div class ="highlight "> < pre > < span > </ span > < code > #
56715676 DataEase 嵌入式推荐的 iframe 嵌入
56725677 1、iframe 嵌入需要先在 application.yml 里添加 origin-list
0 commit comments