跳到主要内容

折线图

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

何时使用​

主要用于展示一段时间内数据的变化趋势：

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

一、属性​

1. 数据源​

折线图数据源示意图

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

2. X 轴​

X 轴首先需要绑定数据列（如城市），然后可设置数据显示的标题、标题显示位置、轴线、刻度线、网格线、边界间隙等显示效果。

x轴设置图1
x轴设置图2

1）数据项​

可设置 X 轴的数据项。

2）标题​

设置 X 轴的标题名称。

3）标题显示位置​

X 轴标题支持“开头”“中间”和“结尾”三种显示方式。

4）轴线​

控制 X 轴轴线的显示与隐藏，默认显示。

5）刻度线​

控制刻度线的显示与隐藏，默认显示。

6）网格线​

控制 X 轴方向（水平方向）的网格线的显示与隐藏。

7）边界间隙​

启用后，折线图与垂直方向之间有一定间隔。

边界间隙示意图

8）标签大小​

设置 X 轴标签的字体大小。

标签大小示意图

9）标签颜色​

设置 X 轴标签的字体颜色。

3. Y 轴​

Y 轴主要用于设置数值类指标。支持多个指标同时展示对比，如温度与湿度。可配置标题、轴线、刻度线、网格线、最小值与最大值、标签大小与颜色等。

y轴设置图1
y轴设置图2

4. 标题​

折线图主标题与副标题的相关设置。

标题配置图

1）标题​

设置折线图的主标题。

2）标题大小​

设置主标题的字体大小。

3）标题颜色​

设置主标题的字体颜色。

4）子标题​

设置折线图的副标题。

5）子标题大小​

设置副标题的字体大小。

6）子标题颜色​

设置副标题的字体颜色。

7）标题位置​

设置副标题在图表中的位置。

8）预设位置​

标题位置支持“预设”和“手动赋值”两种方式。预设位置如“上方中间”可直接选择。

预设位置图

手动赋值方式则可设置与顶部、左侧的距离，以及水平对齐方式。

手动位置图

5. 外观​

用于配置折线图整体的宽度、高度、边距、平滑、填充、折线粗细等属性。

外观设置图1
外观设置图2

6. 图例​

图例设置支持开启/关闭图例显示，调整位置、图形形状、尺寸、文字样式等。

图例设置图1
图例设置图2

7. 标签​

用于配置标签在折线图节点上的显示位置、字体大小，并支持开启/关闭显示。

标签设置图1
标签设置图2

8. 提示框​

用于配置提示框文字的字体大小与颜色，并可设置是否启用提示框。

提示框设置图1
提示框设置图2

9. 预设颜色列表​

可为折线图设置不同的颜色主题。

颜色设置图1
颜色设置图2

10. 状态​

无特殊状态设置，详见：通用状态。

二、样式​

无特殊样式配置，详见：通用样式。

三、常见使用场景​

  1. 用户访问量统计图
    用户访问量图

  2. 温度与湿度对比图
    温湿度对比图

  3. 月考成绩趋势图
    成绩趋势图