1、 图表制作流程图表制作流程如下图：。

2、该章节我们以下图所示的柱形图为例，展示各个地区产品类型的销量情况，为大家简单的介绍下图表的制作流程。。

3、 准备数据在制作图表前，需要先定义图表的数据来源。在上面的图表制作流程中提到数据来源有两种类型，数据集数据源和单元格数据源，本章节使用数据集作为数据源，如果需要使用单元格数据源。新建工作薄，添加数据集，SQL语句为SELECT*FROM[销量]，使用销量表作为图表的数据来源。。

4、插入图表并选择图表类型图表有两种插入方式：单元格图表与悬浮图表，该例中我们以悬浮图表为例，单元格图表的插入方式请查看单元格图表。点击工具栏中的插入>悬浮元素>插入图表，弹出图表向导，选择图表类型如柱形图，如下图：注：插入图表和选择图表类型一般性是在一起完成的。。

5、 定义图表数据选择完图表类型后，点击确定，返回报表主体界面，选中悬浮图表，在报表主体右侧上方的图表属性表中设置图表属性，选择图表属性表-数据，设置柱形图的数据，如下图：。

6、设置图表数据，首先要选择数据来源，前面我们新建了一个数据集ds这张图表的数据来源于数据集数据，选择好数据来源之后，为分类轴、系列名、系列值绑定数据集中的字段，用图表来展示数据集中的数据。分类轴：就是图表的横轴，即x轴，表示数据是按照什么分类显示的；系列名：系列就是图表的纵轴，即y轴，系列名称表示每个分类下数据是按照什么顺序显示的；系列值：就是每个系列的值；汇总方式：对系列值的计算方式。。

7、图表样式设置标题设置选中图表，在设计器右侧上方会出现图表属性表，选择图表属性表-样式>标题，增加图表标题为：地区产品销量，如下图：。

8、系列标签设置选择图表属性表-样式>标签，勾选标签，显示出每个系列的值：。

9、保存模板保存模板，预览便可以看到效果如上图。。

1、添加控件选中单元格，右键，选择控件设置，即可为该单元格绑定控件，如下图：。

2、 选择控件类型类似于参数控件，填报控件也有这么多中类型，在类型的下拉框中选择即可：。

3、 控件属性设置不同的控件有不同的属性设置，以文本框为例，如下图：。

4、数据字典数据字典是指为控件绑定备选数据，可以直接选择，不用手动输入，如下图：。

5、 事件编辑在使用控件的过程中想要顺带的实现一些其他的效果，那么就可以添加事件，事件是根据控件触发时间来确定时间类型的，如下图：。

1、报表填报属性设置点击模板>报表填报属性，然后点击按钮，选择内置SQL，提交类型使用默认的智能提交，数据库选择FineReport自带的FRDemo数据库，数据填入该数据库中的雇员表中，如下图：。

2、绑定字段智能添加字段点击智能添加字段，弹出对话框，对话框中罗列了该数据表中的所有字段，勾选需要修改数据的字段，默认勾选了所有字段，这里使用默认设置，点击确定，将数据库中的字段全部添加到面板中，参与与单元格进行绑定，如下图：。

3、数据库字段添加进行之后，下面添加单元格，点击智能添加单元格，弹出添加单元格对话框，显示在报表主体上，直接点击报表主体中的单元格，就能依次为指定的字段绑定单元格，如果添加错误，先在对话框中选中指定字段后面的值文本框，再点击正确的单元格即可，如下图：。

4、数据表字段和单元格都添加完成，并一一对应起来之后，就需要勾选主键，雇员表中雇员ID字段是主键，故在也报表填报属性中勾选雇员ID为主键，如下图：。

1、打开模板打开模板：%FR_HOME%WebReportWEB-INF eportletsdocParameterTimeScaleTimeScale.cpt。。

2、报表参数设置将报表参数删除，然后重新增加一个名为Date的报表参数。。

3、修改参数界面将参数界面设置为如下样式,参数Date的控件类型为日期型，返回值类型为默认的字符串型。。

4、过滤条件设置将原来A2单元格的过滤条件删除，然后重新给A2单元格设置过滤条件，条件处选择公式，如下图所示：。

5、第一个公式：=DATEDELTA($Date,if(tointeger(WEEKDAY($Date))==0,-7,0-WEEKDAY($Date)))即返回查询日期所在周的第一天。第二个公式：=DATEDELTA($Date,if(tointeger(WEEKDAY($Date))==0,1,6-WEEKDAY($Date)))返回查询日期所在周的后一天。。

6、保存模板点击分页预览，选择某个日期后则只查询该日期所在周的数据，效果如上图。

1、概述股价图（K线图），顾名思义，股价图通常用来显示股价的波动，如下图开盘-盘高-盘低-收盘图，并设置K线：注：上图中的红色为涨，绿色为跌。。

2、 准备数据新建工作薄，添加数据集dsSQL语句为SELECT*FROM[公司股票]，查询出公司股票数据。。

3、插入图表和数据源以悬浮图表为例，点击插入>悬浮元素>插入图表，图表类型选择股价图，点击确定，选中图表，设置图表数据源，根据下图设置数据源：。

4、移动平均线设置选中图表，点击图表属性表-样式>分析线，在趋势线标签下增加趋势线,根据需要自己定义名称，趋势线线型以及背景色，然后选择趋势线类型为移动平均，自己定义周期。这边我们增加三个趋势线，名称为趋势线；趋势线背景分别为蓝色，黄色，粉红色；周期分别为25；如下图所示。

5、注：k线图经常和移动平均线一起来观察股价走势。移动平均是将一段时期内的股票价格平均值连成曲线，用来显示股价的历史波动情况，进而反映股价指数未来发展趋势的技术分析方法，因此需要设置周期，如设置。

6、其它设置为了图表显示的更清晰，可以对图表进行如下设置：选中图表，在右侧上方的图表属性表中将分类轴标签间隔设置为具体设置可查看分类轴。选中图表，在右侧上方的图表属性表中将图例设置为不可见。选中图表，在右侧上方的图表属性表中选择图表属性表->交互属性，勾选坐标轴交互属性中的坐标提示。。

7、保存与预览保存模板，点击分页预览，效果即如上。。

1、如下气泡图来监视各调味品的单价、成本与库存订购量差：。

2、数据准备新建工作薄，添加数据集dsSQL语句为select产品名称,成本价,单价,(库存量-订购量)as库存订购量差from产品where类别ID=2；查询出各调味品的成本、单价、库存量与订购量的差，来制作一张气泡图监控调味品这三个维度的值，其中库存量与订购量的差确定气泡大小。。

3、插入图表以悬浮图表为例，点击插入>悬浮元素>插入图表，选择气泡图，点击确定。。

4、 图表数据设置图表数据来源于数据集数据，气泡图固定有3个系列，分别表示x轴、y轴与气泡的大小，如下图：。

5、点击完成，分页预览效果如下：可以看到，默认的气泡图不美观，看不出每个气泡代表什么，有的气泡太小看不清楚等等。我们可以调整气泡的系列样式，来实现一张精美的气泡图。。

6、气泡图系列设置选中气泡图，点击图表属性表-样式>系列，如下图：。

7、大小表示即气泡图大小表示的意思，分为两种，面积或者宽度，计算单位为像素。原理是设置将气泡大小缩放为如则整个气泡图中大的气泡半径为50像素，然后根据选择的大小比较方式如选择气泡面积，则按照气泡的面积比例调整其他气泡的大小。。

8、显示显示负气泡：若系列3（z轴）有负值的话，勾选此选项负气泡会显示成为灰色，若不勾选此选项则负气泡不会显示，如上面效果图中所示辣椒粉，番茄酱和肉松都是灰色的，即负值。。

9、其他系列设置其他系列设置与其他图表设置相同，如显示标签、添加警戒线等。。

10、 保存与预览保存模板，点击分页预览即可查看效果。。

1、添加一个ds1数据集：SELECT*FROM[销量]在报表主体中合并一片单元格区域，插入单元格图表元素，选择柱形图，图表布局方式选择上下渐变，接着在右侧的图表属性表-数据中，为该柱形图绑定数据，如下图：。

2、选中图表，在右侧的图表属性表中选择>交互属性，勾选图表缩放标签前面的单选框，如下图：。

3、 效果查看点击分页预览，查看模板，我们可以在web端看到如下图所示的效果，在分类轴数据标签下方出现一个缩放控件，控件有左右两个滑动按钮，两个按钮之间的分类轴数据就是上方图表显示的部分：。

4、 图表缩放控件滑动按住左侧的滑动按钮拖曳至张颖销售员数据标签处，可以看到上方的数据也随之变化，只显示张颖销售员到右侧滑动按钮所在的韩文销售员之间的数据，如下图：。

5、直接矩形区域放大除了可以使用滑动按钮来放大缩小图标部分之外，FineReport还支持直接使用鼠标选中一个矩形区域，那么就放大该区域中所框到的系列所在的分类，如下图：。

1、添加一个ds1数据集：SELECT*FROM[销量]在报表主体中合并一片单元格区域，插入单元格图表元素，选择柱形图，图表布局方式选择上下渐变，接着在右侧的图表属性表-数据中，为该柱形图绑定数据，如下图：。

2、选中图表，在右侧的图表属性表中选择图表属性表-样式>坐标轴>值轴，勾选轴逆序选项前面的单元框，此时，在报表主体中的图表元素会发生3个变化：分类轴会自动显示在上方；值轴的数据0显示在上方，从上到下开始增大；柱形图的柱子向下延伸。。

3、坐标轴轴逆序类似于值轴轴逆序的设置，我们选中坐标轴>分类轴，勾选其轴逆序前面的单选框，此时，在报表主体中也会发生3个变化：分类轴数据的显示方式逆向显示，勾选前是从左到右，勾选后是从右到左；值轴显示位置放生了变化，显示在右侧；柱形图柱子的系列也逆向显示，勾选前是按照系列从左到右显示，勾选后从右到左显示。。

4、坐标轴轴逆序类似于值轴轴逆序的设置，我们选中坐标轴>分类轴，勾选其轴逆序前面的单选框，此时，在报表主体中也会发生3个变化：分类轴数据的显示方式逆向显示，勾选前是从左到右，勾选后是从右到左；值轴显示位置放生了变化，显示在右侧；柱形图柱子的系列也逆向显示，勾选前是按照系列从左到右显示，勾选后从右到左显示。。

5、FineReport轴逆序暂时只支持柱形图，条形图，折线图和面积图，不支持组合图。轴逆序需要注意的地方如果图表勾选了显示数据表，当设置值轴轴逆序之后，数据表依然显示在图表的下方，没有变化，设置坐标轴轴逆序之后，数据表的排列发生变化，与坐标轴的分类一一对应，，如下图，我们将上述示例的柱形图显示数据表，在web端查看效果：；。

1、 数据准备打开报表%FR_HOME%WebReportWEB-INF eportletsdocPrimaryGroupReportGroup.cpt。在地区销量分组报表的基础上添加图表，实现每个地区有一张销量统计图。这边扩展出来的每张图表只显示当前地区的数据，因此不能直接将数据集作为图表数据来源（数据集是取出销量表中的所有数据），只能使用报表中单元格数据。注：单元格元素图表与单元格数据源图表不是一个概念，单元格元素图表是指图表插入方式为单元格，可跟随单元格扩展，拥有单元格的一些属性，而单元格数据源图表是指图表绑定数据的时候绑定的是单元格数据，而非数据集数据。。

2、 插入单元格图表合并第二行后面的一片区域，右击单元格单元格元素>插入图表>柱形图，点击确定。。

3、 设置图表数据设置图表数据如下图，每个销售员的销量图，点击完成：。

4、 设置图表父格由父子格概念可知，图表所在单元格默认以销售员数据列为父格，扩展出的每个销售员都会对应有一张图表；而这里我们只需要扩展出来的每个地区跟随一张图表，因此需要设置图表所在单元格为地区单元格。。

5、 保存并预览保存模板并分页预览，便可以看到上图效果了，模板效果在线查看请点击Chart_cpt已完成模板，可参见%FR_HOME%WebReportWEB-INF eportletsdocPrimaryChartChart_cpt。。