1. 概述
1.1 版本
报表服务器版本 |
---|
11.0 |
1.2 应用场景
饼图主要用于展示不同类别或部分在整体中的相对大小和比例关系。
在饼图中,一个圆被分割成若干个扇形区域,每个扇形的大小(即圆心角的度数)与其所表示的数据量成比例。
这些扇形区域通常用不同的颜色或图案来区分,使得用户可以一目了然地看出各个部分相对于整体的贡献大小。
例如,用饼图展示 Web 服务器各个厂商的市场占比。如下图所示:
1.3 图表特点
优点:能很直观的看到每一个部分在整体中所占的比例。
缺点:不适合较大的数据集(分类)展现,数据项中不能有负值,当比例接近时,人眼很难准确判别。
2. 示例
2.1 准备数据
点击设计器左上角「文件>新建普通报表」,新建 内置数据集 ,如下图所示:
2.2 插入图表
合并一片单元格区域,选中单元格后点击上方工具栏插入图表按钮,插入一个饼图。如下图所示:
2.3 设计饼图
选中图表,点击右侧属性面板「单元格元素」,可设置图表的各个属性:类型、数据、样式、特效。
2.3.1 图表类型
选中图表所在单元格,点击右侧「单元格元素>类型」可查看和选择图表类型。
2.3.2 绑定数据
选择「数据」,绑定图表数据如下图所示:
2.3.3 设置样式
1)选择「样式>标题」,输入文本「Web服务器市场占比」,其余设置保持默认。
2)选择「样式>图例」,取消勾选图例可见。
3)饼图可设置「值标签」和「分类标签」,本例中饼图分类为「无」,故只需要设置「值标签」。
选择「样式>标签」,勾选使用标签,值标签选择「富文本」,关于富文本的具体介绍请参见:富文本自定义标签或提示 。设置标签的显示位置为「饼图外」,并选中「牵引线」。
步骤如下图所示:
4)选择「样式>系列」,设置饼图的配色方案,边框线型选择「无」。如下图所示:
2.4 效果预览
2.4.1 PC 端
保存报表,点击「分页预览」,效果如 1.2 节所示。
2.4.2 移动端
APP 端和 HTML5 端均支持,效果如下图所示:
3. 变形饼图
饼图常见的变形有两种:半圆饼图、圆环饼图。这里简单介绍其设置方式和效果。
3.1 半圆饼图
通过设置「样式>系列」的起始角度和终结角度,可改变饼图的形状。半圆饼图的起始角度为 270,终结角度为 90 。
预览效果如下图所示:
3.2 圆环饼图
通过设置「样式>系列」的内径占比,可使饼图中部镂空。
例如将内径占比设置为 80%,预览效果如下图所示:
4. 模板下载
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\基础饼图.cpt
点击下载模板:基础饼图.cpt