帆软 FineReport 绘制折线图

梦幻通灵

已于 2024-04-18 19:53:45 修改

阅读量1.3w

点赞数 1

分类专栏：数据处理文章标签：前端开发语言

于 2022-02-13 18:59:46 首次发布

本文链接：https://blog.csdn.net/u012190388/article/details/122905753

版权

数据处理专栏收录该内容

133 篇文章

订阅专栏

本文档详细介绍了如何利用帆软FineReport进行页面布局、数据绑定和样式调整，以创建一个包含表格和折线图的数据展示页面。首先，通过新建数据查询和调整表格布局完成页面布局。接着，数据绑定到单元格，设置折线图的统计指标和关系。最后，对Y轴坐标进行自定义设置，如添加多个Y轴和调整坐标轴起点，以优化视觉效果。通过这些步骤，实现了数据清晰、美观的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

第一步、页面布局

绘制表格。新建数据查询，调整表格布局并进行数据绑定，效果如下图所示。
在这里插入图片描述
绘制折线图。在A1单元格右键–> 单元格元素，选择插入图表，在下拉列表中选择折线图（新特性），选择喜欢的样式。

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

第二步、数据绑定

在 数据编辑栏，数据来源-单元格数据，来源=A17，即按照时间来统计，折线图从下面的报表中取值，这里统计三个指标，即三个系列，设置对应的关系，效果如下图所示。
在这里插入图片描述
在样式编辑栏，标题页签，设置标题名，字体样式等，注意要勾选标题可见。

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

设置完成后，初步预览样式如下图所示。注：数据为展示效果模拟的测试数据。
在这里插入图片描述

第三步、调整样式

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

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

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

页面渲染如下图所示。

2）最下面的指标（独立访问用户数）还是挺低，再加一条Y坐标轴，同时给各自加上单位。
操作：在Y轴的值定义，勾选自定义最小值为0，同时设置轴线的样式。
在这里插入图片描述
同时在系列页签中设置堆积与坐标轴关系，Y轴3对应3，效果如下图所示。

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

展示效果如下图所示。