# 轮播列表柱状图
本章节主要介绍轮播列表柱状图组件各配置项的含义。
#### 样式
- **尺寸位置**
  - 图表尺寸：设置图表的宽和高。单位为px。
  
  - 图表位置：设置图表在画布中的位置。单位为px。
  
  
  图1轮播列表柱状图   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001088626803.png) 
- **全局样式**
  - 字体：设置组件文本的字体样式。
  
  - 数量：输入数值或单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0209533998.png)设置组件中显示文本的行数。
   
- **序列号**
  - 显示/隐藏序列号：单击"序列号"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287279.png)表示显示序列号，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287280.png)表示隐藏序列号。
  
  - 文本：设置序列号的文本样式，包括字号、颜色和字体粗细。
  
  - 列宽占比（%）：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287581.png)，设置序列号这一列的宽度。
   
- **内容**
  - 文本：设置组件文本的样式，包括字号、颜色和字体粗细。
  
  - 跑马灯：勾选跑马灯右侧的![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287588.png)时，组件文本会按照跑马灯效果轮播。输入数值或单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287589.png)可设置动画一次播放的时间，时间单位为毫秒。
  
  
  图2内容-轮播列表柱状图   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0208157324.png "点击放大") 
- **柱子样式**
  - 背景：设置柱子的背景颜色。
  
  - 颜色：单击颜色编辑器设置柱子的颜色。
  
  - 高度：输入数值或单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287579.png)设置柱子的高度。
   
- **流光**
  - 颜色：单击颜色编辑器设置流光的颜色。
  
  - 长度：流光的长度。
  
  - 高度：流光的高度。
   
- **值标签** ：显示或隐藏值标签。显示时，数据中value字段的值将以标签的形式显示在图表中。
  - 字号：值标签的字体大小。
  
  - 颜色：值标签的字体颜色。
  
  - 字体粗细：值标签的字体粗细。
    图3值标签-轮播列表柱状图   
    ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0208154432.png "点击放大") 
   
 
#### 数据
- value：对应柱图的权重。权重越高，柱子长度越长，占比越大。
- content：对应每个柱状图显示的文本内容说明。
- **数据源类型：** 选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见[数据连接概述](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0723.html)。
- **数据转换器** ：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见[使用数据转换器](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0754.html)。
- **自动更新请求**：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。
- **预览结果**：单击"预览结果"，显示选择的数据源的数据信息。单击"更新查询"可以在数据源变更时手动更新组件数据。
 
#### 交互
关于组件是否支持交互功能及交互的使用方法，请参考[设置组件事件交互](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0815.html)。