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

预览散点图：

ureport2报表详细使用（六）-图表展示相关推荐

ureport2报表详细使用（四）-数据处理
七.数据处理 1)回到报表设计界面,查看表格具体参数配置,当前所有字段默认聚合方式均为:分组: 聚合方式用途列表(select) 对数据不作处理完整展示分组(group) 将数据相同的作为一组进 ...
ureport2报表详细使用（三）-添加数据集
六.添加数据集 6.1 配置数据源 1)设计报表界面,选择右侧数据源,点击图标,输入相关数据源相关连接信息,: 说明:此处数据作为示例,具体以用户当前存在的数据库为准. 数据源名称:test 连接用 ...
ureport2报表详细使用（五）-查询表单设计
八.查询表单设计查询表单设计主要是针对于使用表达式类型的SQL而言的,具体使用如下: 1)保存当前报表,点击左上角保存按钮: 2)浏览器地址输入: http://localhost:18090/ur ...
【译】用图表展示未知----通向报表服务的阶梯系列(五)
伴随着你的经理湿润的呼吸呼到你的脖子上,你很不自然的转过椅子,告诉他你现在所完成的成果. "非常好"经理说道,你不禁开始想象他站在你身后摸着胡子的样子."现在还需要一个饼 ...
Asp.net报表制作 OpenFlashChart免费图表组件
Asp.net报表制作 OpenFlashChart免费图表组件 OpenFlashChart是一款开源的以Flash和Javascript为技术基础的免费图表组件,用它能创建一些很有效果的报表分析图 ...
UReport2 报表设计器在线表格
UReport2官网一.UReport2报表设计器 UReport2是一个开源的可视化报表设计器,功能强大,操作简单,可以实现复杂的报表统计,有各种各样的导出和打印功能,支持导入Ex ...
knockout+echarts实现图表展示
一.需要学习的知识 knockout, require, director, echarts, jquery.简单的入一下门,网上的资料很多,最直接就是进官网校习. 二.效果展示三.require的 ...
ECharts动态图表展示
1.首先简要的介绍一下Echarts: ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯javascript的图标库,兼容当前绝大多数浏览器,提供直观,生动,可交互, ...
数据可视化方法：数据图表展示
相信大多数公司的领导都已失去了一字一句看表格和文字的耐心,简化数据信息的方式之一就是图表,图表能够直观地展示数据,支撑观点,图表已经成了报表中最常用的数据展现方式之一.人类大脑对视觉信息的处理优于对 ...
《数据分析-Echarts》Python + Django + echarts图表展示
Python + Django + echarts图表展示项目打包文件一.准备工作 ## 1.python环境安装 ## 2.python开发工具PyCharm安装二.创建Django项目三. ...

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

九、图表展示

ureport2报表详细使用（六）-图表展示相关推荐

最新文章

热门文章