饼图

# 生成饼图 ## 数据准备 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>