# 图片
图片组件主要用于添加图片到报表页面进行组合展示，常用于添加页面补充说明配图或者添加LOGO图片等进行页面美观度整体提升。
本章节主要介绍图片各配置项的含义。
#### 操作步骤
1. 在大屏页面左侧的组件区域单击![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002507870466.png)，切换至媒体组件页。
2. 单击或拖动"图片"组件至画布区域。
3. 在大屏页面右侧配置区域单击"全局样式"，加载图片到大屏中。
4. 设置[样式]、[交互]相关参数。
   图1图片效果图   
   ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002538712255.png "点击放大") 
 
 #### 样式
本章节介绍图片的样式各项配置项的含义。
- 尺寸位置
  - W：设置图表的宽，单位为px。
  
  - H：设置图表的高，单位为px。
  
  - X：设置图表在画布中的位置，单位为px。
  
  - Y：设置图表在画布中的位置，单位为px。
  
  - 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
  
  
  图2尺寸位置   
  ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001863265861.png) 
- 全局样式
  - 图片：选择图片，您可以通过如下三种方式加载图片到大屏中。
    1. 在"图片"后显示"url"的框中输入图片的地址。
    
    2. 单击"图片"下方的虚线框，选择图片。
    
    3. 直接拖动图片至"图片"下方的虚线框中。
    
    
    图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。
    ![](https://support.huaweicloud.com/usermanual-dataartsinsight/public_sys-resources/note_3.0-zh-cn.png)
    请合理谨慎使用背景图片功能，该功能可能使您的背景图数据泄露。
    
  
  - 缩放模式：单击下拉选项，可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。
  
  - 图片位置：单击下拉选项，可以设置图片的位置。可设置为居中对齐、左对齐、右对齐、顶对齐、底对齐。
  
  
  图3全局样式   
  ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001701143126.png) 
 
 #### 交互
1. 单击"交互"进入交互页面。
2. 单击"编辑交互事件"，进入交互编辑页面。
   图4交互编辑页面   
   ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001709565734.png "点击放大") 
3. 选择事件，支持设置为"点击"。
4. 添加动作，动作支持隐藏和显示（根据选择的组件显示不同的动作值）。
5. 单击"确定"，完成交互事件的设置
   ![](https://support.huaweicloud.com/usermanual-dataartsinsight/public_sys-resources/note_3.0-zh-cn.png)
   - 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
     - string字符串类型支持的字符有精确匹配、不等于、包含、不包含、开头是、结尾是、为空、不为空。
     
     - number数值类型支持的字符有＝、≠、\>、≥、＜、≤、为空、不为空。
     
     - date日期类型支持的字符有＝、\>、≥、＜、≤。
      
   
   - 交互支持绑定数据集的SQL占位符。
     - 前提：在关联的数据集中编辑SQL，加入动态参数，将参数设置成全局生效。
     
     - 进入组件编辑页面，单击"交互"进行交互设置。