最近有个页面展示的需求，公司采购的有帆软FineReport，于是用这个绘制，记录下来，方便备查。

第一步、页面布局

绘制表格。新建数据查询，调整表格布局并进行数据绑定，效果如下图所示。

绘制折线图。在A1单元格右键–> 单元格元素，选择 插入图表，在下拉列表中选择 折线图（新特性），选择喜欢的样式。

选中区域，与报表的表格等宽，合并单元格即可，效果如下所示。

第二步、数据绑定

在 数据编辑栏，数据来源-单元格数据，来源=A17，即按照时间来统计，折线图从下面的报表中取值，这里统计三个指标，即三个系列，设置对应的关系，效果如下图所示。

在样式编辑栏，标题页签，设置标题名，字体样式等，注意要勾选 标题可见。

在坐标轴页签下，默认有 X轴 和 Y轴，坐标轴可以手动增加。

设置完成后，初步预览样式如下图所示。注：数据为展示效果模拟的测试数据。

第三步、调整样式

1）图上三个指标只有一个Y轴，页面显示的效果不明显，起始的坐标是负数开头的，要以0开头。
操作：在Y轴的值定义，勾选自定义最小值为0，同时设置轴线的样式。

展示效果如下图所示。

三个指标数据差别较大，页面显示的不美观，再加一条Y轴看看效果。

同时在 系列页签中设置堆积与坐标轴关系，Y轴2对应2，效果如下图所示。

页面渲染如下图所示。

2）最下面的指标（独立访问用户数）还是挺低，再加一条Y坐标轴，同时给各自加上单位。
操作：在Y轴的值定义，勾选自定义最小值为0，同时设置轴线的样式。

同时在 系列页签 中设置堆积与坐标轴关系，Y轴3对应3，效果如下图所示。

Y轴添加单位，选择 数字，手动输入 万

展示效果如下图所示。

参考文档

【1】https://help.fanruan.com/finereport/doc-view-1681.html