多语言展示
当前在线:1640今日阅读:152今日分享:13

表格制作软件FineReport教程:[21]图表应用

下面通过表格制作软件FineReport来简单介绍一下。
工具/原料
1

表格制作软件FineReport7.1.1

2

大小:148.2M 适用平台:windows/linux

图表缩放
1

描述图表缩放就是指在web端查看图表时,除了看整体走势,还想要放大查看自己关注的图表细节部分,这时就可以使用FineReport的图表缩放功能。

2

图表准备添加一个ds1数据集:SELECT * FROM [销量]在报表主体中合并一片单元格区域,插入单元格图表元素,选择柱形图,图表布局方式选择上下渐变,接着在右侧的图表属性表-数据中,为该柱形图绑定数据,如下图:

3

图表缩放选中图表,在右侧的图表属性表中选择特效>交互属性,勾选图表缩放标签前面的单选框,如下图:

4

效果查看点击分页预览,查看模板,我们可以在web端看到如下图所示的效果,在分类轴数据标签下方出现一个缩放控件,控件有左右两个滑动按钮,两个按钮之间的分类轴数据就是上方图表显示的部分:

5

图表缩放控件滑动按住左侧的滑动按钮拖曳至张颖销售员数据标签处,可以看到上方的数据也随之变化,只显示张颖销售员到右侧滑动按钮所在的韩文销售员之间的数据,如下图:注:右侧滑动按钮也可以滑动

6

直接矩形区域放大除了可以使用滑动按钮来放大缩小图标部分之外,FineReport还支持直接使用鼠标选中一个矩形区域,那么就放大该区域中所框到的系列所在的分类,如下图:注:如果矩形区域只选择了某个分类的一个系列,那么在放大的时候也还是会显示整个分类的所有系列。

系列拖曳
1

描述系列拖曳是指在web端对图表系列的拖曳合并与删除,用户在web端查看图表的时候,可手动简单的操作当前图表,比如说,想要将2个系列进行合并或者删除某一个系列。注:支持系列拖曳的图表类型有柱形图,折线图,条形图,饼图,圆环图,面积图和气泡图。

2

打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\Chart\Chart.cpt

3

数据修改Chart.cpt模板中数据配置只有2个系列,展示系列拖曳时,效果可能不会很明显,下面我们修改该图表的系列名,如下图,选中图表,点击图表属性表-数据,将系列名修改为产品:

4

系列拖曳选中图表元素,在右侧的图表属性表中选择图表属性表-特效>交互属性,勾选系列拖曳前面的单选框,如下图:

5

效果查看模板设置完成之后,保存模板,点击分页预览按钮查看报表,如下图,web端查看该报表,里面有5个系列:

6

系列合并如果想要查看某两个系列的合并值,比如说,如上图,想要查看巧克力和牛肉干总的销量情况,那么我们可以在web端选中任一一个分类下面的巧克力或者牛肉干柱子,将其拖曳至牛肉干或者巧克力柱子上,即可将两个系列进行合并,如下图:

7

系列删除如果想要将某个系列的数据从web端图表中去除,那么该如何操作呢?点击右上角的按钮,清除该模板在web端的所有操作,恢复到原始状态,比如说,我们不想看到牛肉干系列的数据,那么我们可以使用鼠标按住牛肉干系列所在的柱子,将其往图表外侧区域拖曳即可,可往图表的绘图区域外侧的任意方向都可以,如下图:注:图表系列的删除与图表图例交互中的系列隐藏是不一样的,系列拖曳删除系列是直接将该系列从图表中删除,数据也不存在,除非刷新页面或者清除操作才可能恢复,而图例交互中的隐藏确是将该系列进行隐藏,再次点击该系列图例就可以再次恢复。

推荐信息