当前位置: 首页>后端>正文

finereport连接本地mysql数据库 finereport怎么连接excel

2.4.2 图表设计

图表的作用在于可以更加直观地表现数据,提升用户的报表查看体验。

我们在这张报表中插入柱形图来直观化展示各销售员每个产品的销售总量。

1)合并 A7~D18 单元格,选择菜单栏插入>单元格元素>插入图表。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_大数据,第1张

2)弹出图表类型选择对话框,这里选择柱形图>柱形图,点击确定。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_数据分析_02,第2张

3)选中图表,在右边属性面板选择单元格元素>数据,设置柱形图的数据。

数据来源:单元格数据
分类名:=B4

系列名:=C3

值:=C4

注:分类名、系列名、值在设置的时候必须要有等号,否则单元格会被作为字符串处理。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_数据分析_03,第3张

4)柱形图是对表格中地区销售概况数据的图形化展示,所以无需再次设置标题,我们在图表样式中去掉柱形图的标题。

选中图表,在右边属性面板选择单元格元素>样式>标题,不勾选标题可见。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_数据可视化_04,第4张

5)这里柱形图展示的是所有销售员的产品销量统计信息,所以不需要对图表所在的单元格进行扩展。

选择图表,在右边属性面板选择单元格属性>扩展>基本,扩展方向设置为不扩展,左父格和上父格均设置为无。

注:原理上,此处只需设置上父格为无即可。但为了方便记忆,建议将两个父格均设置为无。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_大数据_05,第5张

注:原理上,此处上父格设置为无即可,但为了方便记忆,建议这种表格的两个父格均设置为无。

6)用户可以自定义柱形图中系列的柱形颜色,下面我们将系列一的柱形颜色从蓝色修改为紫色。

选中柱形图,点击属性面板单元格元素>特效>条件显示>添加条件,双击条件修改条件名为「系列1柱形紫色」,点击条件编辑按钮,在弹出的条件编辑对话框中,点击finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_大数据_06,第6张按钮,新增配色属性,下拉框选择紫色,设置普通条件「系列序号等于1」,点击增加按钮。即实现系列一柱形颜色的改变。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_数据可视化_07,第7张

2.4.3 参数设计

参数的作用在于通过设置参数,可以在参数面板中给参数添加控件,再将控件与报表数据进行绑定,进而实现根据用户输入的参数查询指定的数据。

1)菜单栏选择模板>模板参数,打开模板参数设置对话框。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_数据可视化_08,第8张

2)模板参数对话框点击增加按钮,新建一个模板参数,双击该参数将它重命名为「地区」,设置默认值为「华东」。点击确定完成模板参数的定义。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_大数据_09,第9张

3)点击参数面板的编辑按钮,进入参数面板设置界面。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_报表_10,第10张

4)右上角控件设置面板会显示没有添加控件的参数,点击地区或者点击全部添加,将参数的默认控件添加到参数面板。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_数据可视化_11,第11张

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_大数据_12,第12张

5)点击自定义控件的编辑按钮,选择下拉框控件类型。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_数据分析_13,第13张

6)选中下拉框控件,在右边的控件设置面板选择属性,点击数据字典编辑按钮,类型设置为「数据库表」,数据库为「FRDemo」,选择数据库表为「销量」,列名的实际值和显示值为「地区」。

这样就给下拉框控件绑定了数据库销量表中的地区这个字段,这个字段下有两个地区信息,分别为华东和华北,用户可下拉选择华东或者华北来查询对应地区下的销售概况信息。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_报表_14,第14张

7)再次点击参数面板的编辑按钮,完成参数控件的设置。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_控件_15,第15张

8)设置好控件后还不能实现根据下拉框中的参数查询指定地区的表格和柱形图信息。因为数据集中的数据是将数据库中的数据全部取出来,表格的数据来源于数据集,柱形图的数据来源于表格,所以需要给表格设置数据过滤条件,当用户下拉选择地区参数点击查询时,表格和柱形图只显示该地区的数据。

双击 A4 单元格,在弹出的数据列对话框中选择过滤,添加一个普通条件,让地区等于参数$地区,点击增加按钮,点击确定。即将地区单元格与参数绑定起来,当下拉框选择地区参数查询时只显示该地区下的表格和图表信息。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_数据可视化_16,第16张

至此这张报表已经制作完成,下面我们分别在 PC 端和移动端查看报表的效果。

2.5 报表预览

2.5.1 PC端

报表必须先保存才能预览,点击保存按钮保存报表,点击预览按钮,选择分页预览,即可在浏览器中查看报表。

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_控件_17,第17张

浏览器中报表效果如下图所示:

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_大数据_18,第18张

2.5.2 移动端

移动端报表效果如下图所示:

finereport连接本地mysql数据库 finereport怎么连接excel,finereport连接本地mysql数据库 finereport怎么连接excel_报表_19,第19张

 


https://www.xamrdz.com/backend/3k51924020.html

相关文章: