ureport2报表详细使用（六）-图表展示

九、图表展示

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

 

预览散点图：