工具篇:使用FineReport制作数据图表并导出excel文件
2019-03-23 本文已影响0人
辛夷z
使用FineReport制作些数据报表,觉得挺有趣,这里简单说明下使用方式:
先上传一个界面截图
![](https://img.haomeiwen.com/i1792166/148bb6d7a6475815.png)
-
首先,需要创建数据库连接:
image.png
image.png
2.然后,可以新建并编辑了,根据自己的需求,需要参数的话,就可以从控件区拖拽,右侧属性编辑好了以后,可以点击工具栏最右边的菜单,添加一个查询按钮:
![](https://img.haomeiwen.com/i1792166/82c8ec99d2db5433.png)
![](https://img.haomeiwen.com/i1792166/2c1e2251b827728b.png)
![](https://img.haomeiwen.com/i1792166/e3051937de4bb641.png)
![](https://img.haomeiwen.com/i1792166/4f840cd4c2f0f186.png)
-
接着,可以点击图表区的编辑按钮,选择插入图表:
image.png
image.png
4.重点开始了,需要修改图表让它动起来了:
修改标题,为了让其动态,需要借助函数
![](https://img.haomeiwen.com/i1792166/9c5d37966caa98e1.png)
![](https://img.haomeiwen.com/i1792166/1fc76c673f1a3fc7.png)
![](https://img.haomeiwen.com/i1792166/0a5404b96149e609.png)
创建数据库查询视图,传入动态参数
![](https://img.haomeiwen.com/i1792166/303a9480782193bf.png)
![](https://img.haomeiwen.com/i1792166/98ec6d74aede787b.png)
为图表的柱状图,折线图绑定数据源,字段列
![](https://img.haomeiwen.com/i1792166/6f55a2fcc58daf89.png)
![](https://img.haomeiwen.com/i1792166/777e072ccaad52cd.png)
为了看起来方便,可以把数值显示出来
![](https://img.haomeiwen.com/i1792166/c87618c6dbceedef.png)
![](https://img.haomeiwen.com/i1792166/c29fe5d85bfc887e.png)
![](https://img.haomeiwen.com/i1792166/b2ffaf43a69f6018.png)
按照习惯,还是会把位置调整到下面
![](https://img.haomeiwen.com/i1792166/df0eebb312f8cefe.png)
设计好了以后,就可以点击预览啦
![](https://img.haomeiwen.com/i1792166/501eaf77683d9778.png)
![](https://img.haomeiwen.com/i1792166/c7b0eb2a7d439007.png)
习惯上,我们会使用下拉框的文本值显示在外面,这时,可以新建一个编辑后事件,加入js
![](https://img.haomeiwen.com/i1792166/a5c3c5650db77740.png)
![](https://img.haomeiwen.com/i1792166/166859e055921e81.png)
然后,在刷新页面,就可以看到效果了,同理,可以添加初始化事件赋值
![](https://img.haomeiwen.com/i1792166/77d7c2feb5ea7511.png)
以上就是一个简单使用的demo,感兴趣的小伙伴,可以自行研究更多用法