历史版本22 :图片组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

当用户在仪表板中需要使用到图片时,可以使用图片组件在仪表板中插入图片。

1.2 功能介绍

图片组件支持 JPG、PNG、BMP 以及 GIF 四种图片类型。

2. 操作步骤编辑

2.1 添加图片组件

点击添加组件>其他>图片组件,如下图所示:

image.png

2.2 上传图片

1)上传图片有两种方式:点击右上角的按钮和双击上传图片。若要更换组件中的图片,可点击image.png重新上传。 如下图所示:

image.png

2)选中需要上传的图片,即可上传。上传完如下图所示:

image.png

注:已上传的图片保存在%FineBI%\webapps\webroot\WEB-INF\assets\temp_attach中。可依据大致上传日期查找到图片,

路径中的图片可以点击打开直接查看。

2.2 设置图片尺寸

点击image.png可设置图片尺寸为原尺寸等比适应适应组件,如下图所示:

  • 原尺寸:指不改变图片本身的大小进行导入。

  • 等比适应:指按照图片的长宽比例自动去适应组件的大小,图片的大小会随着组件的改变等比例拉伸。

  • 适应组件:指对导入的图片的尺寸大小始终与组件大小相同。

1.png

2.3 添加网页链接

1)点击image.png添加网页链接按钮,可在该图片上添加超级链接,如下图所示:

image.png

2)添加链接之后,点击图片,即可跳转到对应网址。如下图所示:

66.gif


2.4 悬浮

图片组件支持悬浮,点击下拉>悬浮,悬浮使用详细请参考 组件悬浮 。如下图所示:

image.png

3. 添加图片做标题编辑

可以将做好的 logo 通过图片组件放入仪表板中,成为标题。例如,将「 FineBI 商业智能」图片插入仪表板中做标题。效果如下图所示:

2020-12-11_9-26-54.png

3.1 操作步骤

1)添加「图片组件」,如下图所示:

2020-12-11_9-35-04.gif

2)拖动边框调整组件大小后,点击image.png调整图形尺寸,完成标题添加。如下图所示:

2020-12-11_9-36-16.png

3)为标题添加超链,完成操作。如下图所示:

2020-12-11_9-36-52.png

3.2 效果查看

点击标题则跳转至超链接界面,如下图所示:

2020-12-11_9-38-12.gif