图片控件

更新时间:

功能概述

  图片控件是Quick BI仪表板“其他控件”中的一种可视化组件,主要用于在仪表板中嵌入和展示静态图片。它可以有效增强仪表板的视觉效果和信息传达能力。

应用场景:

  • 展示品牌标识:如在仪表板角落或标题区域放置公司Logo。

  • 提供视觉引导或装饰:使用图片美化仪表板布局,或用作特定区域的背景、图标等。

  • 设置点击跳转:为图片添加超链接,使其在点击后能够跳转到指定的内部仪表板页面或外部网址。

使用限制

在使用图片控件时,请注意以下几点:

  1. 静态图片:图片控件主要用于展示固定的静态图片。它不支持根据数据动态更换图片内容。

  2. 图片来源

    • 本地上传:支持 jpg, jpeg, png, gif, svg 格式的图片,且文件大小不能超过 1MB

    • 图片链接:如果使用URL链接指定图片,该链接地址必须是 HTTPS 协议。

  3. 非数据驱动:图片控件本身不直接与数据集或数据字段绑定,其内容是静态设置的,不随数据变化而变化。

操作步骤

在仪表板编辑模式下,您可以按照以下步骤添加和配置图片控件:

  1. 添加控件

    • 在仪表板编辑界面顶部的工具栏中,找到并点击“图片控件(image.png)”。

image.png

  1. 配置图片样式

    • 选中新添加的图片控件,在仪表板右侧的配置面板中切换到“样式”页签。

    • 设置图片来源

      • 上传本地图片:点击“上传本地图片”按钮,选择本地符合格式和大小限制的图片文件进行上传。

      • 通过图片链接上传:在“通过图片链接上传”输入框中,粘贴图片的有效HTTPS链接地址。

image.png

  • 设置显示方式:根据需要调整图片在控件区域内的显示比例(如填充、适应、平铺等)和对齐位置。

显示方式

  • 设置跳转链接:在“跳转链接”输入框中,输入希望用户点击图片后跳转到的目标网页地址(完整的URL)。

跳转链接

  1. 管理图片控件

    • 选中图片控件。

    • 点击控件右上角出现的省略号(image.png)图标,可以进行常用管理操作:

image.png

操作项

操作说明

移动到

可以移动当前图片至目标Tab页签。

复制

复制当前图片。

粘贴

复制后,粘贴当前图片页面至仪表板。

区块嵌入

嵌入后可以只看嵌入后的页面。

性能诊断

诊断当前内嵌页面的性能,提供诊断详情和优化建议。

删除

删除当前图片。

  • 支持使用标准快捷键进行复制、粘贴和删除操作。不同操作系统下,快捷键有所差异。

功能

快捷键(Windows系统)

快捷键(Mac系统)

复制

Ctrl+C

Command(⌘)+C

粘贴

Ctrl+V

Command(⌘)+V

删除

Backspace(←)、Delete

Delete(⌫)

常见问题 (FAQ)

问:我想在仪表板上放一个公司的Logo,可以用哪个控件?答:可以使用“图片控件”。添加图片控件后,您可以上传本地的Logo图片文件或使用图片的URL链接。

问:上传图片时提示失败,可能是什么原因?答:请检查以下两点:
1. 图片格式是否为支持的
jpg, jpeg, png, gif, svg 之一。
2. 图片文件大小是否超过了 1MB 的限制。

问:我输入了图片的URL地址,但图片显示不出来?答:请确保您输入的图片URL地址是以 https:// 开头的有效链接。图片控件不支持 http:// 或其他非HTTPS协议的链接。

问:如何让用户点击图片后打开公司的官方网站?答:选中图片控件,在右侧的“样式”配置面板中找到“跳转链接”输入框,将公司官网的完整网址粘贴进去即可。

问:图片控件里的图片能根据数据显示不同的图片吗?答:不能。图片控件目前只支持展示静态配置的图片,不支持根据数据条件动态切换显示内容。