### 饼图是我们制作报表的时候常用的一种图形,饼图的样式也多种多样,包含:普通饼图、环状饼图、南丁格尔玫瑰饼图。 ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) ### **以普通折线图为例** ### **现在来看一下饼图的使用步骤**: #### **一、添加饼图** 点击报表编辑页面操作栏的“![](https://img.kancloud.cn/af/6d/af6dc1f52be33c7a3daf565ca7cb98b6_32x30.png)”图标,选择“饼图 ->普通饼图”,就可以添加一个普通饼图; ![](https://img.kancloud.cn/56/d8/56d8241e0f316f7bb7f170d4600d0944_1258x585.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **二、设置饼图样式** 添加好饼图后,**点击选中**要修改的图表,右侧操作栏,选择“样式”,可对饼图的样式做设置; #### **1. 标题设置** 设置饼形图顶部标题,各个参数对应的意思如下: * 标题文字:标题的内容; * 字体颜色:标题的字体颜色; * 字体加粗:标题的字体粗细设置,包含加粗和加细; * 字体大小:标题字体的大小; * 标题位置:标题的位置设置,分为left、center、right; * 顶边距:标题距离顶部的距离; ![](https://img.kancloud.cn/9b/7a/9b7aa42ac4a05f24c85c52fda563e63d_1200x535.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **2. 饼图设置** 饼图设置为对饼图的样式左设置,各个参数对应的意思如下: * 环形饼图:将饼图设置成环状,如下图对应的1; * 南丁格尔玫瑰:将饼图的样式设置成南丁格尔玫瑰,如下图对应的2; * 饼块半径:设置饼图的半径大小; * 内环半径:设置环形饼图内环的半径大小; * 最小角度:设置最小角度,避免有的区块太小; ![](https://img.kancloud.cn/2c/ad/2cad94ec1c9b83955c68257829a2bda8_690x270.png) ![](https://img.kancloud.cn/5a/a5/5aa526abcc955b20456866e5ac673d13_1250x487.png) #### **3. 中心点设置** 设置饼图距离中心位置的距离,各个参数对应的意思如下: * X轴:水平方向上,距离中心点的距离;值越小,越靠右。 * Y轴:垂直方向上,距离中心点的距离;值越小,越靠下。 ![](https://img.kancloud.cn/7e/1f/7e1f828fc57a2936bda07b225a30d4bb_1231x560.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **4. 数值设置** 饼图上数值的设置,各个参数对应的意思如下: * 显示:文字是否显示; * 字体大小:设置显示文字大小; * 字体粗细:设置显示文字的粗细; * 字体位置:设置显示文字的位置,包含外部和内部; ![](https://img.kancloud.cn/4f/ab/4fabd3aa2913aa7a639c2f56b6fe3b4b_1225x464.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **5. 提示语设置** 饼图预览的时候,显示的提示语的样式设置,各个参数对应的意思如下: * 显示:提示语是否显示; * 字体大小:提示语的字体大小设置; * 字体颜色:提示语的字体颜色设置; ![](https://img.kancloud.cn/ac/54/ac54b5505fdd16ca0c7f5892550ead43_1087x417.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **6. 图例设置** 饼图例的设置,各个参数对应的意思如下: * 显示:图例是否显示; * 字体大小:图例字体的大小设置; * 字体颜色:图例字体颜色的设置; * 纵向位置:图例纵向位置设置,包含:顶部和底部。设置为顶部,表示图例在图表的顶部;设置为底部,表示图例在图表的底部。 * 横向位置:图例的横向位置设置,包含:左对齐、居中、右对齐。设置为左 对齐,表示图例在左边;设置为居中,表示图例在中间;设置为右对齐,表示图例在右边。 * 布局朝向:图例的布局朝向设置,包含横排和竖排。设置为横排,标识图例都在一排显示;设置为竖排,表示图例都在一列显示。 ![](https://img.kancloud.cn/bf/ca/bfcacea033c7be01c038e14367fd9dec_1093x410.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **7. 自定义颜色** ![](https://img.kancloud.cn/d8/78/d87825381fa3da94382e7b6922454dc5_1230x484.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png)