1. 概述编辑
1.1 应用场景
饼图是以扇形区域大小表示每一个数值相对于总数值的占比。
饼图适用于二维数据,即一个分类字段,一个连续数据字段,当用户更关注与简单占比时,适合使用饼图。
1.2 图表特点
优点:能很直观的看到每一个部分在整体中所占的比例。
缺点:不适合较大的数据集(分类)展现,数据项中不能有负值,当比例接近时,人眼很难准确判别。
2. 属性介绍编辑
2.1 类型
以单元格元素或悬浮元素插入饼图后,可在右边属性面板的类型设置项下,自由选择3种子类型,如下图所示:
2.1.1 饼图
普通的饼图,根据所占区域的大小比较各数据量之间的差异。
2.1.2 等弧度玫瑰图
等弧:在同圆或等圆中,能够互相重合的弧。
扇形由于等弧的原因会比较整洁,拥有比较好的美观度。
2.1.3 不等弧度玫瑰图
不等弧:在同圆或等圆中,不能互相重合的弧。
扇形的区域大小区别很明显,拥有比较强的直观度。
2.2 数据
饼图数据绑定的详细介绍可以参见文档:图表数据。
2.3 样式
饼图基础样式的详细介绍可以参见文档:图表样式。
饼图的样式>系列设置项跟基础样式有所不同,单独介绍:
配色:可以切换饼图扇形区域的色彩搭配,目前有8种。
风格:可以选择扇形区域配色的风格,有默认和渐变2种。
起始角度:设置整个饼图的起始角度,范围:0~360。
终结角度:设置整个饼图的终结角度,范围:0~360。
内径占比:将饼图设置成圆环效果,内径占比越大,圆环的内径越大,范围:0~100。
半径设置:设置饼图的半径大小,有自动和固定2种,固定模式下可以自定义数值。
可旋转:开启后,可以拖拽扇形旋转饼图,类似于大转盘的效果。
线型:可选择扇形边界线的粗细程度。
颜色:可设置扇形边界线的颜色。
2.4 特效
条形图特效设置的详细介绍可以参见文档:图表特效。
3. 示例编辑
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 端
保存报表,点击表单预览,效果如下图所示:
3.2.2 移动端
4. 模板下载编辑
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\饼图.frm
点击下载模板:饼图.frm