# 图片
本章节主要介绍图片组件各配置项的含义。
#### 样式
- **尺寸位置**
  - 图表尺寸：设置图表的宽和高。单位为px。
  
  - 图表位置：设置图表在画布中的位置。单位为px。
  
  
  图1尺寸位置-图片   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001088589613.png "点击放大") 
- **全局样式**
  - 图片：选择图片，您可以通过如下三种方式加载图片到大屏中。
    1. 在"图片"后显示"url"的框中输入图片的地址。
    
    2. 单击"图片"下方的虚线框，选择图片。
    
    3. 直接拖动图片至"图片"下方的虚线框中。
    
    
    图片选择后，您也可以进行编辑和删除操作。单击图片区域的![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173283616.png)可以删除当前图片，单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173283617.png)可以修改当前图片。
    
  
  - 缩放模式：单击下拉选项，可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。
   
- **超链接**
  - URL：设置URL后，预览组件和查看发布组件时，单击图片可以跳转到设置的URL页面。
  
  - 新窗口：单击"新窗口"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173283766.png)表示显示新窗口，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173283768.png)表示隐藏新窗口。勾选后，单击背景图可以新建一个标签页打开背景图的超链接。
  
  
  图2超链接-图片   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173283769.png "点击放大") 
 
#### 数据
图3图片-数据   
![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001088454767.png "点击放大")
- **数据源类型：** 选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见[数据连接概述](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0723.html)。
- **数据转换器** ：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见[使用数据转换器](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0754.html)。
- img：图片的公网地址。
- url：单击图片时的链接地址。
- **自动更新请求**：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。
- **预览结果**：单击"预览结果"，显示选择的数据源的数据信息。单击"更新查询"可以在数据源变更时手动更新组件数据。
 
#### 交互
关于组件是否支持交互功能及交互的使用方法，请参考[设置组件事件交互](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0815.html)。