图片


图片组件用于在仪表盘页面上展示静态图片,支持上传图片文件或填写图片地址,并可配置点击图片后的跳转行为。


../_images/picture.png


备注

图片组件不使用数据源,配置面板中 数据 和 过滤器 标签页配置无效。


有关标题和背景等通用配置,参见 图表通用配置。

图片的样式

类型


类型 决定图片的来源,默认 上传文件:

  • 上传文件:从本地上传图片,文件存储在 DTV 服务端,不依赖外部地址。

  • URL 地址:填写图片的网络地址,组件在运行时从该地址加载。

选择后,下方只显示对应的那一项:选择 上传文件 时显示 文件,选择 URL 地址 时显示 URL。

文件


仅在 类型 为 上传文件 时显示。点击 上传文件 选择本地图片,最多 1 张。再次上传会替换已有图片。

URL


仅在 类型 为 URL 地址 时显示。填写图片的完整网络地址。

图片样式


图片样式 控制图片在组件内的缩放方式,默认 拉伸:

  • 拉伸:宽高各自拉伸至填满组件,不保持原始比例,适合背景类图片。

  • 适应:保持原始宽高比缩放,完整显示在组件内,多余空间留空。

对齐方式


对齐方式 决定图片在组件内的位置锚点,可选 对齐中心(默认)、对齐左上角 和 对齐右下角。

备注

图片样式 为 拉伸 时图片已填满组件,对齐方式没有可见效果。该配置项在两种图片样式下都显示,不会隐藏。

重复


勾选后,图片以平铺方式重复填满整个组件区域,适合纹理或图案类图片。默认不勾选。

图片跳转


点击 交互设置 在弹窗中配置点击图片后的跳转或联动行为。配置方法参见 图表通用配置 > 交互设置。

运行时交互


以下行为由组件在运行时提供,不需要配置:

  • 鼠标指针:配置了 图片跳转 后,鼠标悬浮到图片上时指针变为手型,提示可点击。

  • 加载状态:图片加载完成后才显示,加载失败时组件区域保持空白。


备注

图片组件的 基本 标签页不提供 组件内边距、显示提示 和 导出组件数据;组件也不支持样式复制。