Skip to content

饼图

饼图也称馅饼图,用扇形的面积,也就是圆心角的度数来表示变量的计数或百分比。圆饼图主要用来表示组数不多的资料或间断性数量资料的内部构成,且各部份百分比之和必须是100%。

饼图主要用于名义型或分类型数据,便于用户了解变量的部分与整体之间的关系,根据圆中各个扇形面积的大小,判断某一部分在总体中所占比例的多少。当变量拥有多个水平时,条形图或堆叠填充条形图可以为数据提供更好的可视化展示。

优势: 饼图由于采用图形方式的特殊性,展示图形效果更直观,更易于展示占比情况。

缺点: 饼图不适合用于数据分类过多、存在负值和零值的数据展示。当数据的比例相差比较接近时,人眼判别有难度的,则建议用环形图、3D 饼图。

设置项

数据设置

设置项说明
数据源选择饼图的数据来源
名称字段选择数据源返回的字段,该字段用于饼图扇形标签的名称显示,通常结合悬浮显示菜单进行显示。
值字段选择数据源返回的字段,该字段的值用于表示饼图扇形的大小

图表设置

设置项说明
颜色分配类型配置饼图中扇形的颜色效果,选项:按照图表分配调色盘中的颜色按照数据项分配的调色盘中的颜色
多个图表聚合时可选择按图表分配,单一图表可选择按数据项分配,具体色值可在样式菜单调色盘中调整。
顺时针排列配置是否启用顺时针的数据排列顺序
玫瑰图样式配置是否启用玫瑰图样式及效果。
选项:扇区圆心角展现数据的百分比所有扇区圆心角相同
防止标签重叠配置是否启用防止标签重叠的自适应布局。
内半径设置饼图的内圆半径数值
外半径设置饼图的外圆半径数值
中心点X设置饼图的中心点所在的水平位置
中心点Y设置饼图的中心点所在的水平位置
层叠顺序设置该饼图的展示优先层级
左侧设置该饼图距离卡片左侧的距离大小
右侧设置该饼图距离卡片右侧的距离大小
顶部设置该饼图距离卡片顶部的距离大小
底部设置该饼图距离卡片底部的距离大小
宽度设置该饼图的宽度数值大小,不填自适应默认宽度
高度设置该饼图的高度数值大小,不填自适应默认高度
显示标签线配置是否显示标签引导线
显示在图形上方配置标签是否显示在对应的图形上方
平滑线段配置标签引导线是否为平滑效果

标签设置

设置项说明
显示标签开启或关闭饼图上的标签显示
显示内容表达式可自定义编辑表达式语法,实现复杂场景的内容显示,显示优先级低于【显示内容】
显示内容可编辑标签显示内容,不支持除提示内容外的复杂表达式语法,显示优先级高于【显示内容表达式】
位置可以选择标签在饼图上的显示位置
距离图形的距离设置标签距离饼图中扇形的距离
标签旋转设置标签旋转的角度
文字偏移X设置标签距离X轴的距离
文字偏移Y设置标签距离Y轴的距离
颜色设置标签文本的颜色色值
背景色设置标签文本的背景色,需结合文字样式中行高、内边距、宽度、高度等参数一起使用方可生效
文字样式设置标签文本为斜体或正常模式
字体粗细设置标签字体粗细,选项:默认粗体非常粗
字体设置标签字体样式,选项:sans-serifserifmonospaceArialCourier NEW
字号设置标签字号大小,字号不小于12,不得超过100
水平对齐设置标签文字的水平对齐方式,包括自动、居左、居中、居右四种方式
垂直对齐设置标签文字的垂直对齐方式,包括自动、顶部、居中、底部四种方式
行高设置标签文本的行高高度,当文字超出宽度处理选择了换行选项后可生效
内边距设置标签文本在背景框内的距离长度
宽度设置标签文本的最大显示宽度,一般需结合超出宽度处理做换行等配置
高度设置标签文本的显示高度,仅影响文本背景高度,不影响文字本身显示
超出宽度处理标签超出最大宽度后的处理方式,包括换行和截断省略显示两种,设置为无后则最大宽度不生效
描边宽度设置标签背景图的描边宽度,需设置描边颜色后方可生效
描边颜色设置标签背景的描边颜色色值
描边圆角设置标签背景的描边圆角度数
阴影颜色设置标签背景的阴影颜色,需设置标签背景色以及阴影大小后生效
阴影大小设置标签背景的阴影大小
阴影水平偏移设置标签背景阴影在水平方向的偏移距离
阴影垂直偏移设置标签背景阴影在垂直方向的偏移距离

扇区样式

设置项说明
颜色设置扇形的颜色效果
边框颜色设置扇形区域边框的颜色效果
描边类型配置扇形区域的描边类型。
选项:实线虚线点划线
描边宽度设置扇形区域的描边的宽度
描边圆角设置扇形区域的描边线条圆角角度
阴影颜色设置扇形区域的阴影颜色
阴影设置扇形区域的阴影大小
阴影水平偏移设置扇形区域的阴影水平位置
阴影垂直偏移设置扇形区域的阴影垂直位置
透明度设置扇区的透明度,取值在0到1之间

标签布局

设置项说明
隐藏重叠的标签开启后会将内容重叠在一起的标签进行隐藏
重叠式偏移方向当标签重叠在一起时可选择标签位移的方向,可选择水平或垂直位移两种方式

高亮设置

设置项说明
禁用高亮禁用高亮后,鼠标移至标签位置后不再对标签进行高亮显示
高亮时行为设置高亮显示的交互样式
淡出的范围设置高亮时交互界面淡出的选择范围,提供淡出坐标系、淡出图表或全局淡出三种方式

事件

设置项说明
不可点击开启后该图表内所有标签数据无法进行点击,关闭后可设置对应的数据点击交互事件
点击后调用自动化可通过选择对应的自动化实现相关数据标签单击交互事件,如点击后打开对应的数据表单详情或者打开其他网页链接等
双击后调用自动化功能与点击调用相同,交互由单击触发改为双击触发,可同时设置点击、双击事件

其他设置

设置项说明
调色盘如果需要自定义饼图区域颜色,可在样式菜单中找到调色盘调整图表颜色色值
悬浮提示如需显示每个扇形数值,可在悬浮提示菜单中设置显示悬浮提示,选择数据项图形触发

效果图

PieChart1