跳到主要内容

折线图

用于显示一组数据的发展趋势。

何时使用​

主要用于表示发展趋势的场景，将一段时间内的数据走势进行展示，例如：

  • 分析产品使用人数
  • 分析学生成绩走势
  • 分析温度随月份的变化
  • 分析人口发展趋势（如人口数量随年份变化）
  • 分析GDP发展和房地产之间的关系

一、属性​

1. 数据源​

数据源绑定方式详见：数据绑定。

2. 标题​

2.1 标题内容​

可设置图表的主标题，如“汽车销售数据”。

2.2 子标题​

可设置图表的副标题，如“月度数据”。

2.3 标题位置​

支持预设位置和手动赋值方式：

  • 预设位置：如下方中间等常用位置。
  • 手动赋值：需指定距离顶部和左侧的像素位置。

3. X 轴​

需绑定数据列（如日期），并设置以下内容：

  • 显示标题
  • 标题位置
  • 轴线、刻度线、网格线、边界间隙等

4. Y 轴​

用于设置显示指标（如数量）。支持设置多个指标进行对比（如注册数量与登录数量），并可配置：

  • 显示标题
  • 轴线、刻度线、网格线
  • 最小值、最大值等

5. 外观​

可配置图表整体的高度、宽度，以及折线形状、颜色等视觉属性。

6. 图例​

控制图例是否显示，并可设置形状、大小等样式。

7. 标签​

控制是否显示每个数据节点的数值，可设置位置、大小等样式。

8. 提示框​

控制鼠标悬浮提示框的显示，包括开关、字体大小、颜色等。

9. 预设颜色列表​

可设置折线图中每条折线的颜色。

10. 状态​

是否隐藏该组件。隐藏后页面将不再显示该图表。

二、规则​

1. 表单校验​

（暂无具体内容）

2. 显示控制​

（暂无具体内容）

三、样式​

详见：通用样式

四、常见使用场景​

1. 显示用户注册/登录趋势

用户趋势图

2. 显示学生成绩走势

成绩趋势图

3. 显示温度趋势图

温度趋势图