SVG作为一种矢量图形,具有任意缩放而不失真、可以被高质量打印、文件较小、交互性强等特性,成为当前一种主流的图片格式。润乾集算报表中已经封装了SVG生成类库,可以生成SVG格式的统计图,方便用户在PC或移动端查看报表统计图。
本文通过一个示例说明集算报表生成SVG统计图的过程。
连接数据源
打开集算报表设计器,菜单栏选择工具-数据源,在弹出的数据源编辑窗口中新建数据源或连接现有数据源,这里使用默认的demo数据源。
新建报表
菜单栏选择文件-新建报表,点击“生成空白报表”,新建一个空白报表。
设置数据集
菜单栏选择报表-数据集,数据集类型选择“SQL检索”,在弹出的SQL编辑器窗口中,选择“语法”页,输入查询SQL语句,也可以通过其他标签页通过可视化界面进行字段选择、检索条件设置等。
编辑报表模板和表达式
在新建的报表模板中设置报表样式以及表达式:
根据学生成绩表,按照班级和科目分组,统计各个班级每个科目的平局成绩。预览结果:
生成SVG统计图
在上述模板中追加行,并设置合并格,右键A5格,选择“统计图”,统计图类型选择柱形图,分别设置分类轴和系列,如下图:
切换到“图形特性”选项卡,在图形格式中选择“SVG”格式,如下图:
设置完成后,报表模板及其表达式如下:
设置A3、A4、A5的左主格为A2,跟随A2扩展,并设置第一行和第二行隐藏,即可显示每个班级的各个科目平均成绩SVG格式统计图。
展现报表
在报表设计器中,选择工具栏中的“预览报表”,即可在设计器中查看报表展现结果。
此外,集算报表设计器内置了Tomcat,允许用户将报表发布到web端查看页面效果,点击工具栏右上角的IE图标,设置报表主目录(可采用默认),完成报表发布。