iframe
更新时间:2022-01-06
iframe 的地址
iframe 的 url 地址可以动态的拉取,也可以静态的手动输入:
静态录入的 url 支持使用当前大屏或报表,以及空间中定义的宏变量,可参看宏定义变量
iframe 和其它组件的联动
其它组件在交互的时候,可以反应到 iframe 的地址中,Sugar BI中 iframe 组件的地址支持多种嵌入语法,下面逐一介绍:
iframe 中嵌入过滤条件
当更改上图中单选条件的取值时,iframe 的内容也会随之变动。iframe 中嵌入过滤条件的语法是:{conditions.key}
,其中key
是指过滤条件的「查询 key 值」。
iframe 中嵌入联动参数
iframe 组件可以作为联动的下级图表,我们可以如下图所示设置一个柱状图联动右侧的 iframe 组件:
然后我们在 iframe 组件的地址中嵌入联动参数,此时我们点击柱状图的某一个柱子时,右侧 iframe 就会跟随变化:
iframe 地址中嵌入联动参数的语法是:
- {dependence}
- {dependence || defaultValue}
- {dependence.key}
- {dependence.key || defaultValue}
其中key
是联动参数 item 中某字段名称,如果不写key
即取默认的联动参数(大部分情况下是不需要写key
字段的),defaultValue
是当联动未触发,或联动参数不存在时显示的默认值。这块的语法类似SQL 中硬嵌入联动参数。
iframe 中嵌入 URL 参数
iframe 组件同样支持嵌入 URL 参数,如下图所示:
iframe 地址中嵌入 URL 参数的语法是:
- {querys.key}
- {querys.key || defaultValue}