最新历史版本 :饼图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
11.0

1.2 应用场景

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

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

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

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

Snag_2a5a83f5.png


1.3 图表特点

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

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

2. 示例编辑

2.1 新建模板

新建一张普通报表,如下图所示:

新建普通报表.png

2.2 准备数据

新建 内置数据集 ,如下图所示:

Snag_2a638409.png

2.3 插入图表

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

Snag_2a65394b.png

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 端预览效果相同,如下图所示:

Snag_2a91db90.png

3. 变形饼图编辑

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

3.1 半圆饼图

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

1)设置饼图的起始角度为 270,终结角度为 90 。如下图所示:

Snag_2a9b6bfc.png

2)预览效果则为半圆饼图,如下图所示:

Snag_2a9f1609.png

3.2 圆环饼图

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

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

Snag_2aa3b090.png

2)预览效果则为圆环饼图,如下图所示:

Snag_2aa6ae8e.png

4. 模板下载编辑

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