饼图
# 生成饼图
## 数据准备
1.点击添加数据模型
2.选择数据模型
![data.gif](https://cos.easydoc.net/33804154/files/l0xjy0i2.gif)
## 生成饼图
比如:需要看“每个地区的销售额占比”饼图
将涉及到2个字段:维度“地区”,度量“销售额”
## 生成饼图流程
生成饼图的流程如下:
![line4.png](https://cos.easydoc.net/33804154/files/l0xjylm2.png)
## 图表画法
1.选择“图表”控件,拖动饼图到画布中
2.在图表的数据面板拖入维度和度量
3.一个饼图就生成完毕了
![pie1.gif](https://cos.easydoc.net/33804154/files/l0xjzad2.gif)
# 编辑饼图
## 饼图数据设置
* 饼图的数据修改控制区为下图所示:
::: hljs-center
![pie2.png](https://cos.easydoc.net/33804154/files/l0xkiq9s.png)
:::
>1.维度:数据的维度列表
>2.度量:数据的度量列表
>3.数据筛选:对数据的显示进行筛选,详细请参照[数据筛选](doc:rlKlZ3ud)
>
>4.排序:对绘图区数据的进行排序,详细请参照[排序](doc:Mljvu8Qe)
>
>5.高亮提醒:对饼图的一些数据进行高亮提醒,详细请参照[高亮提醒](doc:vxun38PH)
>
>6.定时刷新:对饼图内的数据进行定时刷新,详细请参照[定时刷新](doc:XbaWq3AS)
>
<div style="float:none;clear:both;">
</div>
## 饼图样式设置
* 饼图的样式修改控制区为下图所示:
::: hljs-center
![pie3.png](https://cos.easydoc.net/33804154/files/l12vmnep.png)
:::
>1.位置:饼图在画布中的位置,可通过输入/拖拽进行更改
>
>
>2.尺寸:饼图的大小,可通过输入/拖拽进行更改
>
>
>3.标题:设置标题及其样式,详情请见[标题](doc:x8vTdq0f)
>
>
>4.动画效果:设置饼图的动画,默认开启,可设置轮播方式和轮播停留时长,可在预览界面观看效果
>
>
>5.数据显示:设置饼图的区域填充颜色和扇区显示个数,其中扇区显示个数小于维度变量个数时,饼图从12点钟方向逆时针开始合并
>
>
>6.数据格式:设置显示的数据格式,详情请见[数据格式](doc:kJys1JCk)
>
>
>7.标签:设置图标标签,可以设置其是否显示、显示内容、位置和颜色、大小、字体
>
>
>8.半径:可设置内圈半径,使得饼图成为圈图,更具备时尚感
>
>
>9.图例:设置饼图的图例说明,详情请见[图例和标签](doc:0shDgsRU)
>
>
>10.背景颜色、边框和圆角:详情请见[背景颜色、边框和圆角](doc:Gx34ofO5)
<div style="float:none;clear:both;">
</div>
## 饼图说明
* 动画效果说明:
1.选择普通轮播or旋转轮播,在预览界面查看动画效果
2.每个扇区的停留时长可设置为N秒
![pie2.gif](https://cos.easydoc.net/33804154/files/l0xkouat.gif)
![pie3.gif](https://cos.easydoc.net/33804154/files/l0xkpm56.gif)
<div style="float:none;clear:both;">
</div>
* 扇区设置说明:
扇区设置可以设置扇区个数,当设置个数小于扇区个数时,按照12点钟方向逆时针开始合并,建议先进行排序再设置扇区个数
![pie4.gif](https://cos.easydoc.net/33804154/files/l0xkqczs.gif)
* 标签设置说明:
标签设置可以设置扇区标签内容,其中:
>较其他图标标签内容增加了显示内容,其他图标标签请参看[图例和标签](doc:0shDgsRU)
>
>标签内容如果是数据,则数据的数据格式=该度量字段的数据格式,数据格式设置请参看[数据格式](doc:kJys1JCk)
>
>百分比默认为2位小数,不能更改
![pie7.gif](https://cos.easydoc.net/33804154/files/l0xkxqoe.gif)
* 半径设置说明:
半径设置可以设置扇区圆心空白处半径大小,内圈半径设置大小和显示情况和饼图的大小息息相关,饼图越大,半径大小越慢达到上限,饼图越小,半径大小越快达到上限
![pie5.gif](https://cos.easydoc.net/33804154/files/l0xkylau.gif)
![pie6.gif](https://cos.easydoc.net/33804154/files/l0xkz7n6.gif)
<div style="float:none;clear:both;">
</div>