状态图

# 生成状态卡片 ## 数据准备 1.点击添加数据模型 2.选择数据模型 ![data.gif](https://cos.easydoc.net/33804154/files/l0xm8poc.gif) ## 生成状态卡片 比如:需要对每个“城市”的货物“邮寄方式”指标进行观察 将涉及到2个字段:维度“地区”和维度“邮寄方式” ## 图表画法 1.选择“图表”控件,拖动状态卡片到画布中 2.在图表的数据面板中拖入“城市”和“邮寄方式” 3.设置显示内容的排序方式 4.一个状态卡片就生成完毕了 ![zhuangtaitu1.gif](https://cos.easydoc.net/33804154/files/l0xm9cpp.gif) # 编辑状态图 ## 状态图数据面板说明 * 状态图的数据修改控制区为下图所示: ::: hljs-center ![zhuangtaitu1.png](https://cos.easydoc.net/33804154/files/l0xmcmrc.png) ::: >1.名称:状态图的文字指标部分 > > >2.颜色:状态图中显示名称状态的部分 > > >3.数据筛选:详细请参照[数据筛选](doc:rlKlZ3ud) > > >4.排序:对状态图中的状态显示指标进行排序,详情请参照[排序](doc:Mljvu8Qe) > > >5.定时刷新:详情请见[定时刷新](doc:XbaWq3AS) <div style="float:none;clear:both;"> </div> ## 状态图样式设置 * 状态图的样式修改控制区为下图所示: ::: hljs-center ![zhuangtaitu2.png](https://cos.easydoc.net/33804154/files/l0xmjps9.png) ::: >1.位置:状态图在画布中的位置,可通过输入/拖拽进行更改 > > >2.尺寸:状态图的大小,可通过输入/拖拽进行更改 > > >3.标题:设置标题及其样式,详情请见[标题](doc:x8vTdq0f) > >4.标记点:设置标记点的样式、数量、大小、位置和颜色 > >5.动画效果:设置状态卡片的播放形式和时长 > >6.文本:设置状态卡片内的文本字体、颜色、样式等 > >7.背景颜色、边框和圆角:详情请见[背景颜色、边框和圆角](doc:Gx34ofO5) <div style="float:none;clear:both;"> </div> ## 状态图标记点的设置 * 状态图的标记点的设置有一下几种: ::: hljs-center ![zhuangtaitu3.png](https://cos.easydoc.net/33804154/files/l0xmm2lz.png) ::: >1.样式:设置状态标记点的样式,可以选择圆形或者对勾 > > >2.每行显示个数:设置状态卡片控件的显示列数 > > >3.每页显示行数:设置状态卡片控件的显示行数 > >4.横向和纵向间距:设置状态卡片中每一个状态的相对位置 > >5.显示位置:设置状态卡片中状态标记是状态文本前或者是后 > >6.颜色:设置状态卡片状态的显示颜色 <div style="float:none;clear:both;"> </div> * 对于状态图的标记点的设置结果如下: ![zhuangtaitu2.gif](https://cos.easydoc.net/33804154/files/l0xmndop.gif)