动态切换 web 报表中的统计图类型

需求：

报表以图形方式，也就是咱们常说的“图表”形式展现时，不一样的用户对图形类型有不一样的要求，但愿可以动态切换统计图类型，例如实现柱形图、条形图、折线图等图形间的动态切换。

思路：

常见的作法是在报表中多个单元格中生成不一样的统计图，而后经过参数动态隐藏行来实现图形类型切换，但此种方法须要制做大量的图形图表，工做量较大，并且大量隐藏单元格会耗用内存，在性能上也有必定影响。

固然，确定还会有别的方式……咱们在制做统计图时会发现，绝大多数统计图设置方式基本相似，只须要设置分类轴、系列便可生成统计图。而生成的统计图是经过单元格表达式中的 graph() 函数实现的，参考该函数的帮助文档发现，该函数能够传入一个整型参数来控制统计图类型，这样咱们就能够经过该参数实现统计图类型间的动态切换。下面，咱们具体介绍下该种方式的实现。

一：制做统计表

以订单表为例，按货主地区统计订单数量，报表设计界面以下：

二：增长统计图

A三、B3 单元格合并，并更改该行高度，在 A3 中设置统计图：

统计图类型可任选，分类轴以及系列中设置相应表达式 ，点击肯定便可。这样该单元格就生成了一个柱形图。

三：动态更改类型

报表中增长一个整数型参数：type，用于控制统计图类型，默认值设成 7 表示默认图形类型是柱形图：

将 A3 单元格的值表达式更改为 graph(type)

这样预览报表给该参数传递不一样的值该单元格就能展现不一样的图形类型。

四：页面端控制

报表制做好后，可在页面端增长一个参数表单进行动态控制。若是用户只须要看图形，可将报表的前两行设置隐藏，而后将没用的行列删除，将报表保存为为 tu.rpx，并增长参数表单报表，设置以下：

C1 单元格变量名属性设置成：type，C1 可作为下拉框供用户选择，值以下：

将报表保存为 tu_arg.rpx，在浏览器端访问 tu.rpx，更改参数点击查询便可，如选择折线图：

选择柱形图：

附：各图形类型对照关系：

1：区域图

2：条形图

3：三维条形图

4：三维簇状条形图

5：堆积条形图

6：三维堆积条形图

7：柱形图

8：三维柱形图

9：三维簇状柱形图

10：堆积柱形图

11：三维堆积柱形图

12：折线图

13：饼型图

14：散列图

15：三维区域图

16：三维折线图

17：三维饼型图

18：时序状态图

19：时间走势图

20：双轴折线图

21：双轴柱线图

22：雷达图

23：甘特图

24：仪表盘

25：里程碑