# 折线图
折线图是一种常见的数据可视化工具，它通过连接数据点来显示数据的变化趋势和关系。折线图的基本形状是一条折线，线的高低和斜率可以反映数据的大小和变化趋势。
在左侧组件区域，从"图表控件"中，选择"折线图"组件，并拖拽至设计区，如[图1]所示。
图1拖拽折线图组件到设计区并设置属性   
![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001999479197.png)
#### 基础配置
- 标题：该模块在页面呈现给用户的名称。
- 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001951534345.png)。
- 描述信息：为字段添加附加的说明信息。
- 图例：指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。
  设置图例位置：可选择"上方"、"右侧"、"下方"和"左侧"。
  图2设置图例位置为左侧   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001906261450.png) 
- 数据标签：用于描述数据的元数据。开启后将在数据点上显示。
  图3设置折线图显示数据标签   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001942145953.png) 

- X轴：开启X轴配置开关后，可设置X轴标题、标签是否显示及单行标签字符数。
  - 单行标签字符数默认为6个字符，超过的字符显示省略号。
  
  - 一个中文按2个字符计算，一个英文按1个字符计算。
  
  
  图4设置折线图X轴   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001951675657.png) 
- Y轴：开启Y轴配置开关后，可设置Y轴标题和标签是否显示。
  - Y轴标题：输入Y轴展示的名称。
  
  - 显示标签：标签是否显示。
  
  - 单行标签字符数：设置单行标签字符数，默认为6个字符，超过的字符显示省略号。 一个中文按2个字符计算，一个英文按1个字符计算。
    
  
  - 最大值：默认根据数据大小自动调节，也可以自定义修改。
  
  - 最小值：默认根据数据大小自动调节，也可以自定义修改。
    图5设置折线图Y轴   
    ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001924404944.png) 
   
 
#### 样式配置
- 样式：设置折线图样式，目前支持基础折线图和堆积折线图两种样式。
  - 基础折线图：通常用于展示一个或多个变量随时间变化的趋势。
  
  - 堆积折线图：通常用于比较不同组别之间的变化趋势。
  
  
  图6设置折线图样式   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001906428838.png) 
- 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0\~100px。 ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000002000225984.png)
  
- 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0\~100px。
- 边框：
  - 位置：设置边框的位置，支持配置上、下、左、右和四周。
  
  - 宽度：设置边框的宽度。默认值为0px，范围为0\~50px。
  
  - 样式：设置边框样式，根据需求选择"无"、"圆点"、"虚线"和"实线"。
  
  - 颜色：设置边框显示的颜色。
  
  
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001951694097.png)
  
- 圆角：给元素添加圆角效果，设置圆角的大小和位置。 默认值为0px，范围为0\~500px。
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001924415270.png)
  
- 背景：设置组件样式的背景颜色。
- 阴影：
  - X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围\[-100, 100\]。
  
  - Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围\[-100, 100\]。
  
  - 模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围\[0, 100\]。
  
  - 扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围\[-100, 100\]。
  
  - 颜色：设置阴影的颜色。
  
  
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001951534349.png)
  
- 曲线：开启后，折线图数据点将以曲线展示。
  注意：曲线设置可能会影响数据的准确性，因此在设置曲线时需要谨慎处理。
  图7曲线设置   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001906528554.png) 
- 填充：开启后，折线下方将以颜色填充，从而使数据区间更加明显。
  图8设置填充   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001942273033.png) 
- 展示数据点：关闭后，数据点将隐藏。
  图9数据点展示开启   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001906557192.png)
  图10数据点展示关闭   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001906717584.png) 
 
#### 数据配置
数据配置完成后，需单击"更新数据"，进行数据刷新。刷新数据间隔时间至少为5秒，请勿频繁单击。
- 数据源：下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示，创建表单详情请参见[如何创建一个表单](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0066.html)。
- 分析维度：选择表单中数据分析的维度，例如商品类型。可自定义排序方式及重命名。
  图11设置折线图分析维度   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001924574646.png) 
- 数据汇总指标：指每个类别的数据值，通常表示为一个百分比或一个具体的数值。
  单击"添加指标"可添加多个数据汇总指标，最多可添加三个指标。
  - 选择字段：选择数据分析指标字段，例如已售出数量。 当分析维度选择字段为子表单字段时，数据汇总指标字段也只能从子表单中选择。
    
  
  - 字段重命名：可对数据汇总指标进行重命名。
  
  - 汇总方式：数据分析的汇总方式，支持求和、平均值、最大值、最小值、计数及去重计数。
    - 非数字类型组件，例如，单行文本输入，多行文本输入，单选、复选框、日期选择器、备注等，仅支持计数和去重计数的汇总方式。
    
    - 数学类组件，例如，数字输入框，支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。
     
  
  - 排序方式：根据需求自定义排序方式，可选择默认、升序或降序。
  
  
  图12设置折线图数据汇总指标   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001951694105.png) 
- 数据筛选：设置过滤条件，筛选数据源符合条件数据信息。
  图13设置折线图数据筛选条件   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001924415278.png) 
- 是否展示辅助线：开启后可为柱图添加辅助线，有利于更好理解数据。 单击"添加辅助线"，设置辅助线属性。
  - 辅助线名称：输入展示的辅助线名称。
  
  - 辅助线类型：支持选择"最大值"、"最小值"、"平均值"和"固定值"
  
  - 数据指标：下拉框中选择已添加的数据汇总指标。
  
  - 显示内容：可勾选"名称"或"值"，作为辅助线的展示内容。
  
  - 线条设置：支持选择"实线"、"虚线"和"点线"。 同时支持自定义线条颜色，默认为蓝色。
    
  
  
  图14设置折线图辅助线属性   
  ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001924574622.png)