...
图片组件支持自定义上传图片,为仪表盘中的图表添加具体的图片说明,或让整个仪表盘更主题化。如添加企业logo、具体产品图片等。支持的图片格式有:webp、jpeg、jpg、png、bmp、gif、svg等。
图片仅支持上传小于或等于10M的文件:小于300kb 直接上传,300kb-10M 会进行压缩,>10M提示不能上传。
图片文件格式支持:jpg、jpeg、png、gif、svg。
2 业务场景
1、场景描述:在仪表盘上添加企业logo,使之一看便知这是某公司的销售情况分析,效果如下图所示:
...
(3)选中图片组件, 组件设置>属性>图片>拉伸 设置为 原图 ,组件设置>属性>图片>对齐 设置为 居中 。
(4)效果如下图所示:
3
...
图片组件的设置项包含图片和组件。
3.1 图片
图片样式设置
图片的设置项包含图片和拉伸。
3
...
.1 图片
说明
用于上传图片,一次只能上传一个文件,双击重新上传。只能上传一个文件,双击重新上传。
图片文件格式支持:jpg、jpeg、png、gif、svg。
效果
锚 图片拉伸 图片拉伸
3.1
图片拉伸 | |
图片拉伸 |
...
3.2 组件
...
拉伸
说明
用于设置图片的拉伸方式,有“适应、平铺、拉伸、填充、原图”五种方式。
效果
拉伸方式 | 效果 | 说明 |
---|---|---|
适应 | 图片等比缩放,图片的最大边放大到组件最小边时就不再放大,即保持图片比例的同时最大化显示图片。 | |
平铺 | 若图片大小小于组件大小,则图片挨个排列,直到排满整个组件。 | |
拉伸 | 图片不按比例缩放,根据屏幕显示分辨率拉伸。图片占满整个组件。 | |
填充 | 图片等比缩放,按照图片的最小边来适应组件的最大边以达到填充页面效果。如果出现图片分辨率和屏幕的比例不一样的情况,图片会有部分显示不了(超出组件之外)。 | |
原图 | 保持图片原本的大小。 当图片的拉伸方式为“原图”时,可设置图片的位置,有“居左,居中,居右”三种对齐方式。 |
4 更多功能
- 更多的组件属性设置项的详细介绍,可参考文档: 组件设置 。