iframe
所有文档

          百度数据可视化 Sugar

          iframe

          iframe 的地址

          iframe 的 url 地址可以动态的拉取,也可以静态的手动输入:

          图片

          静态录入的 url 支持使用当前大屏或报表,以及空间中定义的宏变量,可参看API 宏定义

          iframe 和其它组件的联动

          其它组件在交互的时候,可以反应到 iframe 的地址中,{{sugarName}}中 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}
          上一篇
          视频、直播
          下一篇
          天气