饼状图-元件区-有人云

**饼状图通过将一个圆形区域划分为多个子区域，反应出不同子类数据之间的的对比关系以及子类数据在大类中的占比。**

### **属性：**
**重命名：**点击元件名称右上角![](/Public/attached/20220221033259_17742.png)，输入元件名称，点击确定保存。为元件定义一个名称为了在元件交互式更快的定位到元件。
**图表尺寸：**包括元件的宽度和高度，单位为px。
**图表位置：**包括组件的横坐标和纵坐标，单位为px。横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。
**旋转角度：**以元件的中心为中心点，进行旋转，单位为度（°）。
**透明度：**取值范围为[0,1]。为0时，图表隐藏；为1时，图表全部显示。默认为1。
### **基础配置：**
#### 结构配置
![](/Public/attached/20220221045309_92340.png)
**悬浮框提示：**在预览或发布页面，鼠标悬浮或单击饼图时出现的提示框的开关。
![](/Public/attached/20220221045335_46131.png)
**文本标签：**饼状中类目的显隐，可单击图标![](/Public/attached/20220221034616_61119.png)控制类目标签的显隐。
![](/Public/attached/20220221045502_36564.png)
**视觉引导线：**饼状类目的引导线显隐，可单击图标![](/Public/attached/20220221034616_61119.png)控制类目引导线的显隐。
![](/Public/attached/20220221045556_30502.png)
**南丁格尔图：**可配置饼图的具体的展示方式，可选择项为不展示南丁格尔图，圆心展示数据百分比，扇区圆心角相等三个选项。
![](/Public/attached/20220221045627_96814.png)
**半径占比：**径向轴的半径，取值为所占组件高度的比例。
#### 图例配置
![](/Public/attached/20220221045646_48484.png)
图例是什么，图例是元件右上角系列样式
文本颜色：文本的颜色
布局：包括位置与对齐方式，
- 位置：图例展示的位置
左侧：元件上方左侧展示
右侧：元件上方右侧展示
居中：元件上方居中展示
- 对齐方式：系列名称与色块展示主次

#### 扇区配置
![](/Public/attached/20220221045735_29572.png)
**添加扇区：**单击右侧的加号图标![](/Public/attached/20220221045905_67726.png)，添加扇区。
**删除扇区：**点击系列名称右侧的删除图标![](/Public/attached/20220221045918_23450.png)，删除扇区。
**扇区颜色：**扇区的颜色。
****扇区名称：**扇区的显示名称，可自定义。
绑定值：**数据字段，指扇区对应的值，比如：温度这个数据点此处展示的字段是温度值等。