工具篇:使用FineReport制作数据图表并导出excel文件

使用FineReport制作些数据报表,觉得挺有趣,这里简单说明下使用方式:
先上传一个界面截图


工具篇:使用FineReport制作数据图表并导出excel文件_第1张图片
image.png
  1. 首先,需要创建数据库连接:


    工具篇:使用FineReport制作数据图表并导出excel文件_第2张图片
    image.png

    工具篇:使用FineReport制作数据图表并导出excel文件_第3张图片
    image.png

2.然后,可以新建并编辑了,根据自己的需求,需要参数的话,就可以从控件区拖拽,右侧属性编辑好了以后,可以点击工具栏最右边的菜单,添加一个查询按钮:


image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第4张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第5张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第6张图片
image.png
  1. 接着,可以点击图表区的编辑按钮,选择插入图表:


    工具篇:使用FineReport制作数据图表并导出excel文件_第7张图片
    image.png

    工具篇:使用FineReport制作数据图表并导出excel文件_第8张图片
    image.png

4.重点开始了,需要修改图表让它动起来了:
修改标题,为了让其动态,需要借助函数


工具篇:使用FineReport制作数据图表并导出excel文件_第9张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第10张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第11张图片
image.png

创建数据库查询视图,传入动态参数


工具篇:使用FineReport制作数据图表并导出excel文件_第12张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第13张图片
image.png

为图表的柱状图,折线图绑定数据源,字段列
工具篇:使用FineReport制作数据图表并导出excel文件_第14张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第15张图片
image.png

为了看起来方便,可以把数值显示出来
工具篇:使用FineReport制作数据图表并导出excel文件_第16张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第17张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第18张图片
image.png

按照习惯,还是会把位置调整到下面


工具篇:使用FineReport制作数据图表并导出excel文件_第19张图片
image.png

设计好了以后,就可以点击预览啦
工具篇:使用FineReport制作数据图表并导出excel文件_第20张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第21张图片
image.png

习惯上,我们会使用下拉框的文本值显示在外面,这时,可以新建一个编辑后事件,加入js
工具篇:使用FineReport制作数据图表并导出excel文件_第22张图片
image.png

工具篇:使用FineReport制作数据图表并导出excel文件_第23张图片
image.png

然后,在刷新页面,就可以看到效果了,同理,可以添加初始化事件赋值
工具篇:使用FineReport制作数据图表并导出excel文件_第24张图片
image.png

以上就是一个简单使用的demo,感兴趣的小伙伴,可以自行研究更多用法

你可能感兴趣的:(工具篇:使用FineReport制作数据图表并导出excel文件)