饼图

1.1 版本

1.2 应用场景

饼图主要用于展示不同类别或部分在整体中的相对大小和比例关系。

在饼图中，一个圆被分割成若干个扇形区域，每个扇形的大小（即圆心角的度数）与其所表示的数据量成比例。

这些扇形区域通常用不同的颜色或图案来区分，使得用户可以一目了然地看出各个部分相对于整体的贡献大小。

例如，用饼图展示 Web 服务器各个厂商的市场占比。如下图所示：

1.3 图表特点

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

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

2.1 新建模板

新建一张普通报表，如下图所示：

2.2 准备数据

新建 内置数据集 ，如下图所示：

2.3 插入图表

合并一片单元格区域，选中单元格后点击上方工具栏「插入图表」按钮，插入一个饼图。如下图所示：

2.4 设计饼图

选中图表，点击右侧属性面板「单元格元素」，可设置图表的各个属性：类型、数据、样式、特效。

2.4.1 图表类型

选中图表所在单元格，点击右侧「单元格元素>类型」可查看和选择图表类型。

2.4.2 图表数据

选择「数据」，绑定图表数据，如下图所示：

2.4.3 图表样式

1）选择「样式>标题」，输入文本「Web服务器市场占比」，其余设置保持默认。如下图所示：

2）选择「样式>图例」，取消勾选「图例可见」。如下图所示：

3）饼图可设置值标签和分类标签，本例中饼图分类为「无」，故只需要设置值标签。

4）选择「样式>标签」，勾选「使用标签」，值标签选择「富文本」，关于富文本的具体介绍请参见：富文本自定义标签或提示 。

5）设置标签的显示位置为「饼图外」，并选中「牵引线」。步骤如下图所示：

6）选择「样式>系列」，设置饼图的配色方案，边框线型选择「无」。如下图所示：

2.5 效果预览

1） PC 端

保存报表，点击「分页预览」，效果如 1.2 节所示。

2） 移动端

APP 和 HTML5 端预览效果相同，如下图所示：

饼图常见的变形有两种：半圆饼图、圆环饼图。

3.1 半圆饼图

通过设置「样式>系列」的起始角度和终结角度，可改变饼图的形状。例如：

1）设置饼图的起始角度为 270，终结角度为 90 。如下图所示：

2）预览效果则为半圆饼图，如下图所示：

3.2 圆环饼图

通过设置「样式>系列」的内径占比，可使饼图中部镂空。例如：

1）设置饼图的内径占比为  80% 。如下图所示：

2）预览效果则为圆环饼图，如下图所示：

点击下载模板：基础饼图.cpt