[]
        
在线Demo 免费试用
(Showing Draft Content)

报表图表-折线图

1. 概述

1.1 功能概述

折线图可以很直观地显示出数据的走势,我们还可以通过为折线图绑定不同的属性数据(颜色、大小等)来表示更多的数据信息。下图中的折线图总体上显示了一年中各月的销售走势,同时折线拐点的大小又可以表示出当月的利润情况。

PixPin_2025-06-30_11-36-27

下面我们就以此为例,介绍折线图的常用制作方法和使用技巧。

2. 操作步骤

2.1 前提条件

  1. 数据要求: 已完成数据连接与数据准备,本文将以本地Excel文件直连数据集为例演示操作流程。

  2. 界面要求: 已进入报表设计界面,且报表至少已绑定一个数据集(如“Excel数据-直连数据集”)。

  3. 功能要求: 使用鼠标提示功能之前需系统管理员在系统后台开启自定义鼠标提示样式功能,详见查看器。开启后还可以自定义鼠标提示的样式。

2.2 操作步骤

2.2.1 添加组件

  1. 在报表设计器中,添加图表组件,选中折线图,拖拽至画布区域,如下图示:

    PixPin_2025-06-30_11-14-33

2.2.2 绑定数据

  1. 将数据集中的“ 订单金额 ”和订购日期中的“ 月 ”拖拽至图表的数据字段绑定区和分类绑定区。

    PixPin_2025-06-30_11-19-26

  2. 然后,将“ 购买数量 ”绑定到图例数据中的“ 大小 ”,使折线图中的折点大小表示购买数量情况。

    PixPin_2025-06-30_11-21-13

2.2.3 调整组件大小

  1. 拉宽组件使其尽可能地显示出所有月份的数据。可见折线图已经初具模样,但还需调整一些细节。

    PixPin_2025-06-30_11-23-44

    type=info

    提示: 如预览时,图表顶部显示不全,请调整绘图区域的删减方式,设置为尽量显示即可。

    PixPin_2025-06-30_11-23-03

2.2.4 添加排序

  1. 当我们将订购日期的“月”拖拽到分类组时,该字段也被同时自动添加到了数据排列规则中,但是表达式中包含了“月”,此时预览,我们会发现结果不正确。我们可以把表达式里的“月”字符去掉,此时预览,就可以满足我们的需要了。我们还可以将默认的升序排列方式改为升序。

    PixPin_2025-06-30_11-24-39

2.2.5 添加鼠标提示标签

  1. 选中图表数据区绑定的字段,在属性设置面板中找到鼠标提示内容设置项。单击右侧的小方块,选择表达式

    PixPin_2025-06-30_11-25-43

  2. 在表达式编辑器中添加表达式表达式并保存,如下图示。

    PixPin_2025-06-30_11-31-10

  3. 预览报表查看鼠标提示效果。

    PixPin_2025-06-30_11-34-13

2.2.6 设置标题

  1. 选中图表顶部的标题区域,在属性设置中设置整个折线图的标题。

    PixPin_2025-06-30_11-32-09

  2. 选中纵轴,为坐标轴添加标题“ 销售金额 ”。

    PixPin_2025-06-30_11-32-43

  3. 选中图例,为图例添加标题“ 销售利润 ”。

    PixPin_2025-06-30_11-35-23

2.2.7 预览报表

  1. 使用不分页模式预览视图预览报表。

    PixPin_2025-06-30_11-36-59