其它组件 ⬝ 图片组件

1 概述

图片组件支持自定义上传图片，为仪表盘中的图表添加具体的图片说明，或让整个仪表盘更主题化。如添加企业logo、具体产品图片等。

1、场景描述：在仪表盘上添加企业logo，使之一看便知这是某公司的销售情况分析，效果如下图所示：

2、操作步骤

（1）在仪表盘编辑界面中新建一个图片组件，双击图片组件，在弹出的资源选择框中选择所需上传的图片，如下图所示：

（2）图片上传后，效果如下图所示：

（3）选中图片组件， 组件设置>属性>图片>拉伸 设置为原图，组件设置>属性>图片>对齐 设置为居中。

（4）效果如下图所示：

图片的设置项包含图片和拉伸。

说明

用于上传图片，只能上传一个文件，双击重新上传。

图片文件格式支持：jpg、jpeg、png、gif、svg。

效果

说明

用于设置图片的拉伸方式，有“适应、平铺、拉伸、填充、原图”五种方式。

效果

拉伸方式	效果	说明
适应		图片等比缩放，图片的最大边放大到组件最小边时就不再放大，即保持图片比例的同时最大化显示图片。
平铺		若图片大小小于组件大小，则图片挨个排列，直到排满整个组件。
拉伸		图片不按比例缩放，根据屏幕显示分辨率拉伸。图片占满整个组件。
填充		图片等比缩放，按照图片的最小边来适应组件的最大边以达到填充页面效果。如果出现图片分辨率和屏幕的比例不一样的情况，图片会有部分显示不了（超出组件之外）。
原图		保持图片原本的大小。当图片的拉伸方式为“原图”时，可设置图片的位置，有“居左，居中，居右”三种对齐方式。