九、图表展示
UReport2中支持10种类型的图表,分别是:饼状图、圆环图、曲线图、柱状图、水平柱状图、面积图、雷达图、极坐标图、散点图以及气泡图,点击工具栏上的 插入图表的图标,在弹出的菜单中选择目标图表类型,即可完成图表的添加工作。
选中图表所在单元格,即可在属性面板中配置图表的相关属性。在UReport2中,图表的属性有三类,分别是与数据集绑定的属性、配置XY轴的相关属性以及配置图例标题之类的属性。
对于饼状图、圆环图、雷达图、极坐标图图表来说,由于它们没有XY轴,所以在属性面板中看不到XY轴配置标签页。
在绑定数据集配置的的标签页中,可以用来配置图表要表现的具体数据,在UReport2中图表绑定的数据都来自数据源,所以在配置图表之前,我们需要准备好需要用图表展示的具体数据的数据集。
对于饼状图、圆环图、曲线图、柱状图、水平柱状图、面积图、雷达图、极坐标图几种图表来说,它们要展示数据结构一样。
操作:
1)保存当前“查询表单设计”图表;
2)浏览器输入地址: http://localhost:18090/ureport/designer ,新建一个空图表并进行保存为饼状图;
3)新增jdbc数据源并添加数据集,数据集内的SQL:select * from transfer_task;
4)左侧单元格区域合并单元格,点击图标;
5)点击 插入饼状图;
9.1 饼状图
配置:
(1)点击单元格属性;
(2)数据集tab,选中数据集“饼状图”;
(3)选择分类属性:worker_name;
(4)选择值属性:reader_number;
(5)值属性选择属性值,属性选择del_flag;
(6)聚合方式选择:汇总(统计不同del_flag状态,不同worker内的读数量总和);
聚合方式:
A、汇总:统计不同状态,不同worker内的读数量总和;
B、罗列数据:展示第一条记录的数据值,无参考意义;
C、统计数量:统计不同状态、不同worker内的task任务条数;
D、最大值:统计不同状态,不同worker内的读条数最高的并展示;
E、最小值:统计不同状态,不同worker内的读条数最小的并展示;
F、平均值:统计不同状态,不同worker内的读条数平均值并展示
选项:
A、标题:支持配置图标的标题并进行指定位置展示,当前默认:否;
B、图例展示:支持配置图例,即是否展示数据集tab中配置的分类属性,当前默认:是;
C、数据标签:支持配置数据标签,配置完成将在图表默认展示数据,即值属性,当前默认:否。
预览报表:
9.2 圆环图
(1)单元格区域,在饼状图下方添加8行
(2)选择新增的8行单元格,点击 图标合并单元格,并点击 插入圆环图;
(3)选择圆环图单元格,配置单元格属性:
1、点击单元格属性;
2、数据集tab,选中数据集“饼状图”;
3、选择分类属性:worker_name;
4、选择值属性:reader_number;
5、值属性选择属性值,属性选择del_flag;
6、聚合方式选择:汇总(统计不同del_flag状态,不同worker内的读数量总和);
预览圆环图:
9.3 曲线图
(1)单元格区域,在圆环图下方添加8行;
(2)选择新增的8行单元格,点击 图标合并单元格,并点击 插入曲线图;
(3)选择曲线图单元格,配置单元格属性:
1、点击单元格属性;
2、数据集tab,选中数据集“饼状图”;
3、选择分类属性:worker_name;
4、选择值属性:reader_number;
5、值属性选择属性值,属性选择del_flag;
6、聚合方式选择:汇总(统计不同del_flag状态,不同worker内的读数量总和);
轴配置:
X轴配置、Y轴配置:
(1)标题旋转角度:默认0;
(2)显示轴标题:默认否;
(3)轴标题:默认空
预览曲线图:
9.4 柱状图
(1)单元格区域,在饼状图右侧添加4列;
(2)选择新增的4列单元格,点击 图标合并单元格,并点击 插入柱状图;
(3)选择柱状图单元格,配置单元格属性:
1、点击单元格属性;
2、数据集tab,选中数据集“饼状图”;
3、选择分类属性:worker_name;
4、选择值属性:reader_number;
5、值属性选择属性值,属性选择del_flag;
6、聚合方式选择:汇总(统计不同del_flag状态,不同worker内的读数量总和);
预览柱状图:
9.5 水平柱状图
(1)选择柱状图下方的8行单元格,点击图标合并单元格,并点击 插入水平柱状图;
(2)选择水平柱状图单元格,配置单元格属性:
1、点击单元格属性;
2、数据集tab,选中数据集“饼状图”;
3、选择分类属性:worker_name;
4、选择值属性:reader_number;
5、值属性选择属性值,属性选择del_flag;
6、聚合方式选择:汇总(统计不同del_flag状态,不同worker内的读数量总和);
预览水平柱状图:
9.6 面积图
(1)选择水平柱状图下方的单元格,点击 图标合并单元格,并点击 插入面积图;
(2)选择面积图单元格,配置单元格属性:
1、点击单元格属性;
2、数据集tab,选中数据集“饼状图”;
3、选择分类属性:worker_name;
4、选择值属性:reader_number;
5、值属性选择属性值,属性选择del_flag;
6、聚合方式选择:汇总(统计不同del_flag状态,不同worker内的读数量总和);
预览面积图:
9.7 雷达图
(1)单元格区域,在柱状图右侧添加4列;
(2)选择新增的4列单元格,点击 图标合并单元格,并点击 插入雷达图;
(3)选择雷达图单元格,配置单元格属性:
1、点击单元格属性;
2、数据集tab,选中数据集“饼状图”;
3、选择分类属性:worker_name;
4、选择值属性:reader_number;
5、值属性选择属性值,属性选择del_flag;
6、聚合方式选择:汇总(统计不同del_flag状态,不同worker内的读数量总和);
预览雷达图:
9.8 极坐标图
(1)选择雷达图下方的8行单元格,点击图标合并单元格,并点击 插入极坐标图;
(2)选择极坐标图单元格,配置单元格属性:
1、点击单元格属性;
2、数据集tab,选中数据集“饼状图”;
3、选择分类属性:worker_name;
4、选择值属性:reader_number;
5、值属性选择属性值,属性选择del_flag;
6、聚合方式选择:汇总(统计不同del_flag状态,不同worker内的读数量总和);
预览极坐标图:
9.9 散点图
(1)选择极坐标图下方的单元格,点击图标合并单元格,并点击 插入散点图;
(2)选择散点图单元格,配置单元格属性:
1、点击单元格属性;
2、数据集tab,选中数据集“饼状图”;
3、选择分类属性:status;
4、X值属性:write_number;
5、Y值属性:reader_number
预览散点图: