1.1 应用场景

饼图是以扇形区域大小表示每一个数值相对于总数值的占比。

饼图适用于二维数据，即一个分类字段，一个连续数据字段，当用户更关注于简单占比时，适合使用饼图。

1.2 图表特点

优点：能很直观的看到每一个部分在整体中所占的比例。

缺点：不适合较大的数据集（分类）展现，数据项中不能有负值，当比例接近时，人眼很难准确判别。

2.1 类型

以单元格元素或悬浮元素插入饼图后，可在右边属性面板的类型设置项下，自由选择3种子类型，如下图所示：

2.1.1 饼图

普通的饼图，根据所占区域的大小比较各数据量之间的差异。

2.1.2 等弧度玫瑰图

等弧：在同圆或等圆中，能够互相重合的弧。

扇形由于等弧的原因会比较整洁，拥有比较好的美观度。

2.1.3 不等弧度玫瑰图

不等弧：在同圆或等圆中，不能互相重合的弧。

扇形的区域大小区别很明显，拥有比较强的直观度。

2.2 数据

饼图数据绑定的详细介绍可以参见文档：图表数据

2.3 样式

饼图基础样式的详细介绍可以参见文档：图表样式

2.4 特效

饼图特效设置的详细介绍可以参见文档：图表特效

3.1 报表设计

3.1.1 数据准备

新建数据集 ds1，数据库查询语句如下：

select 类别名称,sum(库存量) as kc from 产品,类别

where 产品.类别ID=类别.类别ID and 类别名称!="日用品"

group by 类别名称

3.1.2 组件设计

将3个饼图拖拽到 body 组件中，分别设置成3个不同的子类型，调整它们之间的位置关系，如下图所示：

3.1.3 数据绑定

3 个子类型的数据绑定方法是一样的，如下图所示：

3.1.4 样式设计

三种饼图的样式只需要改个标题，其余默认设置即可。

3.2 效果预览

3.2.1 PC 端

保存报表，点击PC端预览，效果如下图所示：

3.2.2 移动端

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\饼图.frm

点击下载模板：饼图.frm