iframe

更新时间:2020-02-10

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}
上一篇音频

本页内容