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

报表图表-折线图

1. 功能概述

折线图可以很直观地显示出数据的走势,我们还可以通过为折线图绑定不同的属性数据(颜色、大小等)来表示更多的数据信息。

下图中的折线图总体上显示了一年中各月的销售走势,同时折线拐点的大小又可以表示出当月的利润情况。

image2020-3-25_16-8-5.png

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

2. 操作示例

2.1 创建报表

在门户网站首页,单击image2018-6-13_14-48-39.png,选择报表

image2022-7-29_15-19-21.png


选择合适的报表模板(如空白RDL报表),然后单击创建按钮。

image


在报表设计器右侧的数据绑定面板中,单击添加为报表设置数据集。这里我们选择数据源“ WynDemoData ”,然后单击添加

image2022-7-29_15-19-37.png

image2022-7-29_15-19-48.png


设置数据集名称为“ 销售数据 ”,在“查询语句”中输入SQL语句: select * from 销售明细

单击验证,您将看到查询字段处显示字段数目。最后单击确定保存数据集定义。

image2022-7-29_15-20-2.png

2.2 添加图表组件

展开图表组件,将折线图拖拽到画布中。

image

2.3 绑定数据

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

image

然后,将“ 订单利润 ”绑定到图例数据中的“ 大小 ”,使折线图中的折点大小表示订单利润情况。

image

2.4 调整组件大小

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

image2020-6-5_17-0-24.png

type=info

提示

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

image2020-6-5_17-1-9.png

2.5 添加排序

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

image

2.6 添加鼠标提示标签

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

image

在表达式编辑器中添加表达式:销售额 : {Sum(订单金额)} 利润 : {Sum(订单利润)}

image

保存后,预览报表查看鼠标提示效果。

image2020-3-25_15-27-44.png

2.7 设置标题

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

image2020-6-5_17-3-31.png


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

image

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

image

2.8 预览报表

使用不分页预览视图预览报表。

image2020-3-25_16-8-5.png