上云无忧 > 文档中心 > 百度智能云数据可视化Sugar BI制作可视化页面 - 图片
数据可视化Sugar BI
百度智能云数据可视化Sugar BI制作可视化页面 - 图片

文档简介:
图片地址设置: 静态录入: 图片图表提供一些内置的装饰性图片使您可以将大屏配置的更加美观,您也可以上传自己的图片或是直接输入图片地址放置在大屏中。
*此产品及展示信息均由百度智能云官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

图片地址设置

静态录入

图片图表提供一些内置的装饰性图片使您可以将大屏配置的更加美观,您也可以上传自己的图片或是直接输入图片地址放置在大屏中。

动态拉取

打开动态拉取图片地址,可以通过数据模型、API、SQL 模型拉取动态的数据,从而让图片地址动态化。

在选择背景图片的同时,也可以配置背景色,在背景图有透明部分时起作用。

如果打开了固定比例缩放,则在拖拽改变图表大小的时候,可以防止宽高比发生变化。

图片支持 3 种角度的翻转。

有时可能会利用图片图表做一些数据图表的背景,所以提供了透明度调整的选项,可以改变整个图表的透明度。

图片组件和其它组件的联动

其它组件在交互的时候,可以反应到图片的地址中,Sugar BI中的图片组件在直接输入图片地址时,支持多种嵌入语法,下面逐一介绍:

图片组件嵌入过滤条件

当更改上图中单选条件的取值时,图片会跟随变动。图片地址嵌入的过滤条件语法是:{conditions.key},其中key是指过滤条件的「查询 key 值」。

图片组件嵌入联动参数

图片组件可以作为联动的下级图表,我们可以如下图所示设置一个柱状图联动右侧的图片组件:

然后我们在图片组件的图片地址中嵌入联动参数,此时我们点击柱状图的某一个柱子时,右侧图片就会跟随变化:

图片地址中嵌入联动参数的语法是:

  • {dependence}
  • {dependence || defaultValue}
  • {dependence.key}
  • {dependence.key || defaultValue}

其中key是联动参数 item 中某字段名称,如果不写key即取默认的联动参数(大部分情况下是不需要写key字段的),defaultValue是当联动未触发,或联动参数不存在时显示的默认值。这块的语法类似SQL 中硬嵌入联动参数。

图片组件嵌入 URL 参数

图片组件同样支持嵌入 URL 参数,如下图所示:

图片地址中嵌入 URL 参数的语法是:

  • {querys.key}
  • {querys.key || defaultValue}
相似文档
  • 图片轮播支持用户上传图片或通过 SQL/API 等方式绑定动态图片 URL 数据。可以配置轮播效果,图片标题,图片超链接等: 图片轮播支持自定义配色,在「基础」面板中可以配置图片标题颜色,翻页按钮颜色,页面导航颜色等,「高级」面板中也有一些字体大小等的配置:
  • 视频类图表支持通过填写视频/直播地址,在报表和大屏中播放视频。 普通视频支持 mp4、flv、hls/m3u8 格式。 直播视频流支持 flv、rtmp、hls/m3u8 格式。 视频的内容设置: 在展示视频或直播时,需要提供「视频地址」和「视频类型」等信息。可以通过静态方式填写视频/直播的 URL 地址,或者通过数据模型等方式动态拉取对应的 URL 地址。
  • 音频组件支持通过自定义音频地址,在报表和大屏中播放音频。 音频支持 mp3、wav、ogg 格式。 音频的内容设置: 在展示音频时,需要配置「音频地址」信息,支持两种配置方式 : 网页链接:即填写网络音频地址。 本地上传:即上传本地音频文件。
  • iframe 的地址: iframe 的 url 地址可以动态的拉取,也可以静态的手动输入: 静态录入的 url 支持使用当前大屏或报表,以及空间中定义的宏变量,可参看宏定义变量 iframe 和其它组件的联动: 其它组件在交互的时候,可以反应到 iframe 的地址中,Sugar BI中 iframe 组件的地址支持多种嵌入语法,下面逐一介绍:
  • 私有部署中如果要使用天气组件,要求部署Sugar BI的服务器所在的网络环境能够连接公网(天气数据是服务器从公网上查询得到的)。 天气组件的内容: 天气组件设置比较简单,只与呈现形式有关,用户可以根据需要开启对应的选项。
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部